Return to previous page

Background Colours – Custom CSS Stopped Working?

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

UcaseLtd

Participant

November 7, 2018 at 12:51

Hi there,

In a previous thread (https://www.8theme.com/topic/how-to-correct-background-colors-for-titles-attributes-etc/) You gave me custom CSS code to fix the background colours begin the same as text (see thread above).

After pushing from staging to live version this is no longer working and everything has reverted back to how it was.

The custom CSS is still showing in theme options though so I can’t see why it won’t work?
.single-product .meta-title span, .step-title span, .quantity input[type=”number”], .st-menu-content {
background-color: #565656;
}
select, .cart-popup-container p, .login-link .login-popup .popup-title span, .login-link .login-popup label, .emodal-text p, .emodal .emodal-title, .shopping-container .small-h,
.form-row input.input-text {
color: #565656;
}
.order-review .step-title span {
background-color: #777777;
}

Please, contact administrator
for this information.

#202574 Copied Theme version: 4.7.1

9 Answers
Rose Tyler

Support staff

November 7, 2018 at 13:12
Hello,

Please change the previous code to:
```
.single-product .meta-title span, .step-title span, .quantity input[type=”number”], .st-menu-content,
.login-link .login-popup, .login-link .login-popup .popup-title span {
    background-color: #565656;
}
select, .cart-popup-container p, .login-link .login-popup .popup-title span, 
.login-link .login-popup label, .emodal-text p, .emodal .emodal-title, .shopping-container .small-h,
.form-row input.input-text, form .form-row textarea {
    color: #565656;
}
.order-review .step-title span {
    background-color: #777777;
}
.login-link .login-popup label,
.login-link .login-popup .popup-title span,
.header-wrapper.color-dark .shop-text {
    color:  white;
}
```
Regards
#202576 Copied
UcaseLtd

Participant

November 7, 2018 at 14:37

Fantastic!

Thanks once again.

#202587 Copied

Rose Tyler

Support staff

November 7, 2018 at 14:57

You’re welcome!

Regards

#202591 Copied

UcaseLtd

Participant

November 8, 2018 at 12:11

Just tidying things up on this (project almost complete).

I’ve found a few more issues (please see screenshots)…
https://prnt.sc/lftyqg
https://prnt.sc/lftza0
https://prnt.sc/lfu02i
I’d really like to make this all white so it’s visible against the dark background.
If you could help with this that would be amazing.

#202638 Copied
Rose Tyler

Support staff

November 8, 2018 at 13:21
Please change the previous code https://prnt.sc/lfuw5w
to
```
.single-product .meta-title span, .step-title span, .quantity input[type=”number”], .st-menu-content,
.login-link .login-popup, .login-link .login-popup .popup-title span,
.product-navigation .product-arrows {
    background-color: #565656;
}
select, .cart-popup-container p, .login-link .login-popup .popup-title span, 
.login-link .login-popup label, .emodal-text p, .emodal .emodal-title, .shopping-container .small-h,
.form-row input.input-text, form .form-row textarea, .quantity input[type="number"] {
    color: #565656;
}
.order-review .step-title span {
    background-color: #777777;
}
.login-link .login-popup label,
.login-link .login-popup .popup-title span,
.header-wrapper.color-dark .shop-text, .product-title a,
.product-information .yith-wcwl-add-to-wishlist a,
.product-information .email-link, .product-information .email-link:before,
.product-navigation .next-product:before,
.shop-table .table-bordered .remove-item, .tabs .tab-title.opened, 
.shop-table .table-bordered td.product-price span, .shop-table .table-bordered td.product-subtotal span,
.cart-collaterals .cart_totals h2, h3.underlined,
.woocommerce-shipping-calculator a,
.cart-collaterals .order-total strong span,
.cart-collaterals table th {
    color:  white;
}
.meta-title:after, .step-title:after{
    background-color: white;
}
.shop-table .table-bordered .remove-item,
.cart-collaterals .cart_totals h2, h3.underlined {
    border-color:  white;
}
```
Regards
#202642 Copied
UcaseLtd

Participant

November 8, 2018 at 14:07

Hi Rose,

I’ve done this (and cleared cache twice) but it looks exactly the same as before?

Thanks in advance.

#202651 Copied

Rose Tyler

Support staff

November 8, 2018 at 14:12

Hello,

Have you cleared browser cache? http://prntscr.com/lfvls1

Regards

#202653 Copied

UcaseLtd

Participant

November 8, 2018 at 14:38

How Strange – I cleared it at least twice, but it is working fine now.

Sorry about that.

Thanks Rose.

#202664 Copied

Rose Tyler

Support staff

November 8, 2018 at 14:40

You’re welcome!

Regards

#202666 Copied
Viewing 10 results - 1 through 10 (of 10 total)