Return to previous page

Editing background and font color on woocommerce pages

This topic has 6 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

manojsarang

Participant

November 2, 2018 at 21:44

Hello there, I am not able to find a way to edit the font and background colour for the woocommerce pages. Can you please point me to where this setting lives?

Thanks, Manoj

#202262 Copied Theme version: 4.7 WooCommerce version: 3.4.7

5 Answers

Rose Tyler

Support staff

November 5, 2018 at 10:46

Hello,

You need to use custom css code. We will be able to help you with the code, once you provide URL and describe the desired result in more details.

Regards

#202337 Copied

manojsarang

Participant

November 5, 2018 at 22:15

I have made the site live for you to review: https://mojoeroasters.com/

#202432 Copied

Rose Tyler

Support staff

November 6, 2018 at 10:36

Hello,

Thanks for the link.
Please describe in details what exactly need to be changed.

Regards

#202484 Copied

manojsarang

Participant

November 6, 2018 at 13:43

I would like for the font colour on the shop page to be white since the background is black (https://mojoeroasters.com/cart/, https://mojoeroasters.com/shop/)

#202500 Copied
Rose Tyler

Support staff

November 6, 2018 at 14:01
Hello,
```
.st-pusher, .step-title span,
.register-link .register-popup .popup-title span,
.login-link .login-popup .popup-title span,
.cart-popup-container,
.register-link .register-popup, 
.login-link .register-popup, 
.register-link .login-popup, 
.login-link .login-popup {
    background-color: black !important;
}
.btn:hover {
    color: white;
    border-color: white;
}
.shop-table .table-bordered td.product-price span, 
.shop-table .table-bordered td.product-subtotal span,
.shop_table .order-total td,
.order-list .media-heading a,
.shopping-container .big-coast,
.woocommerce-shipping-calculator a {
    color: white;
}
form .form-row input.input-text, 
form .form-row textarea,
.coupon input[type=text] {
    color: #333333;
}
.order-review .step-title span {
    background-color: #333333 !important;
}
```
Regards
#202508 Copied
Viewing 6 results - 1 through 6 (of 6 total)