Checkout and Billing details froms need CSS styling

Hey there!

Here’s a bit of CSS that should help you get started, it will help make the text more readable on the checkout. It’s quite a mess right now, this should at least make it so your customers can read the text there.

#order_review, #stripe-payment-data > p:nth-child(1), .woocommerce-terms-and-conditions-checkbox-text { color: gray; }

.form-row input, .form-row select, .form-row textarea { bacgrkound-color: #fffff0; }

• This reply was modified 5 years, 7 months ago by AW a11n.

HI there

Thanks for your help,

if you look again what I really wanted was the text to be #fffff0 like the rest of the website and the background grey. I have managed to do it if you click the paypal check box the drop down is grey with ivory text.

If there is a way to just make the white box background grey and keep text ivory that would be great.

I’ve messed about but can’t get the right selector still

Regards and thanks for your time

Andy

JUst to follow up, I opted to have the checkout white with grey text, managed to get it looking very readable thanks.

Also changed the button at the bottom as well.

On follow up I need the basket screen to look the same but I can’t find the right selector to get the text the grey colour.

Thanks

Hey @loganzendesign

On follow up I need the basket screen to look the same but I can’t find the right selector to get the text the grey colour.

shop_table shop_table_responsive is inheriting that #fffff0 color from .entry-content

Here is a screenshot showing how I found this in Chrome Dev Tools – https://cld.wthms.co/m013Ju

What I’d recommend would be either creating a Child Theme – https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/
Or using the Storefront Powerpack.

There are more technical details in the WooCommerce.com Theme Developer Handbook – https://docs.woocommerce.com/document/woocommerce-theme-developer-handbook/

I hope this helps, have a great day!

Thanks,

Hi @loganzendesign

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Thanks,