Return to previous page

How To Correct Background Colors for Titles, Attributes etc?

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

  • Avatar: UcaseLtd
    UcaseLtd
    Participant
    October 30, 2018 at 12:31

    Hi again,

    Last week you helped me correct background colors for Product Title and Qty (in this post: https://www.8theme.com/topic/correct-background-on-title-and-qty/).

    This worked great but I’ve realised I have the same problem with the attributes background (https://prnt.sc/lc7bkb), titles on the checkout page (https://prnt.sc/lc7b92) and maybe other areas.

    Is there some code that corrects all of these at once?

    Please, contact administrator
    for this information.
    #201987 Copied Theme version: 4.6 WooCommerce version: 3.5.0
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2018 at 13:37

    Hello,

    Please change the previous code to:

    .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;
}

    Regards

    #201994 Copied
    Avatar: UcaseLtd
    UcaseLtd
    Participant
    October 30, 2018 at 13:51

    Once again – THANK YOU!

    #201998 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2018 at 13:52

    You’re welcome!

    Regards

    #201999 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress 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.