Docs

[Christine P]

Hello,

The comments section of my blog has a dark background. I would like to change it to white but I can’t seem to find a way to do that in the customizer. Can you please assist?

example: http://www.dancezfit.com/2017/02/14/free-entry-presidents-day-kick-off-event/

[Thai]

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.comment-form-comment #comment,
.comment-form-author input, 
.comment-form-email input, 
.comment-form-url input {
    background-color: #fff !important;
}

Hope it helps 🙂

[Christine P]

Thank you that worked for the blog. I am now also having the same problem with the WooCommerce product pages. I don’t know where I have it set where everything (blog, products, etc.) are set to this dark color. None the less do you have any pointers on how to change this one?

http://www.dancezfit.com/product/5-class-pass/

Thank you for all your help

[Lely]

Hi Christine,

Please update above CSS to this:

.comment-form-comment #comment,
.comment-form-author input, 
.comment-form-email input, 
.comment-form-url input,
input[type="number"],
.woocommerce .entry-wrap,
.woocommerce div.product .woocommerce-tabs .x-tab-content,
.woocommerce-tabs .x-nav-tabs>li:not(.active)>a {
    background-color: #ffffff !important;
}

Hope this helps.

[Christine P]

Thank you. Im sorry to keep bugging you but the Checkout Page (https://www.dancezfit.com/checkout/) and the Cart page (http://www.dancezfit.com/cart/) also have the same problem. Can you help?

I really appreciate it!

[Darshana]

Hi there,

Could you please try adding the following CSS rule.

.woocommerce-page .entry-wrap {
    background-color: #ffffff;
}

Make sure to clear your cache before testing.

Thanks!

[Christine P]

Thank you. The text boxes where the user enters their data is still black though on the Checkout page and Cart (coupon entry) fields:

https://www.dancezfit.com/checkout/

[Jade]

Hi there,

Please try this code:

.woocommerce .cart .actions .coupon input[type="text"],
.woocommerce-account form select, .woocommerce-account form textarea, .woocommerce-account form input[type="tel"], .woocommerce-account form input[type="text"], .woocommerce-account form input[type="email"], .woocommerce-account form input[type="password"], .woocommerce-checkout form select, .woocommerce-checkout form textarea, .woocommerce-checkout form input[type="tel"], .woocommerce-checkout form input[type="text"], .woocommerce-checkout form input[type="email"], .woocommerce-checkout form input[type="password"] {
    background: transparent;
}

Hope this helps.

[Christine P]

will that also fix the checkout page?

https://www.dancezfit.com/checkout/

[Rue Nel]

Hello There,

Yes it will fix the form elements in you WooCommerce pages.
Please add it in your customizer and test out your page again.
It would also be helping if you clear your browser cache before you test the page.

Please let us know how it goes.

[Author]

Posts