Return to previous page

Background Colours – Custom CSS Stopped Working?

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

  • Avatar: UcaseLtd
    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
    Avatar: Rose Tyler
    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
    Avatar: UcaseLtd
    UcaseLtd
    Participant
    November 7, 2018 at 14:37

    Fantastic!

    Thanks once again.

    #202587 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 7, 2018 at 14:57

    You’re welcome!

    Regards

    #202591 Copied
    Avatar: UcaseLtd
    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
    Avatar: Rose Tyler
    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
    Avatar: UcaseLtd
    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
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 8, 2018 at 14:12

    Hello,

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

    Regards

    #202653 Copied
    Avatar: UcaseLtd
    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
    Avatar: Rose Tyler
    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)

You must be logged in to reply to this topic.Log in/Sign up

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Purely Handmade – WordPress WooCommerce Theme
lazy-placeholder
Perfume – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Sunglasses – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.