estore – "collect details" page – font vertical line spacing format issue

[alancrayton]

When the customer fills out the collect details form , I see that the headers named “Billing information”, “Shipping Information” and “credit card details” the line spacing of the font is sitting too low against the faint blue background box and its not in capitals as like the rest of the words/formats. The end result doesnt look neat and tidy. The text is using my large paragraph website fonts which are not configured with the standard fonts format box used on the collect details page.

As a result the page looks a bit unprofessional.

Any ideas how to fix this? Thanks

[wzp]

It’s probably a CSS mismatch with your theme. Please provide a link, with instructions, on how to replicate the anomaly.

[alancrayton]

Please go to my shop page below, click on add to cart, update shipping charges and then click on checkout button. You will then arive at the collect details page where you will see the font mis-allignment. Thank you

[http://whiskyselect.com/e-shop/]

[wpCommerce]

@alancrayton, Please do the following:

1) Install our WP Custom CSS plugin.

WordPress Custom CSS Plugin

2) Add this piece of CSS code in there.

#wp_pg_order_form_content h2{

height: auto;

}

[alancrayton]

Hi,

I copied the 3 lines of CSS code and saved it. Unfortunately there was no change.

[wpCommerce]

Please try this:

#wp_pg_order_form_content h2 {

height: auto !important;

}

[alancrayton]

That worked! Thanks.

[Author]

Posts