Trouble identifying CSS

  • Resolved eyeghoti

    (@eyeghoti)


    8 years, 1 month ago

    I’m struggling to identify the CSS I need to add to change some text colour.
    In other places I’ve done this with something like

    
.AAAAA .BBBBB {
	color: #fff;
}

    But I can’t find the right things to put in place of .AAAAA or .BBBBB.
    The text I want to change is Shop and the product names (Both in grey).
    I’m wondering whether it is somehting to do with heading tags, but that’s by best and only guess.

    Any help greatly appreciated?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 1 month ago

    In the “Additional CSS” section of the dashboard add this:

    
h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

    https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Thread Starter eyeghoti

    (@eyeghoti)

    8 years, 1 month ago

    Presumably that will change the colour of ALL heading tags? I’m not sure whether there may be aresas of the site where that is not paropriate.

    Considering the text in question is linked to WooCommerce generated pages, is there a way to apply changes less globally?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 1 month ago

    Yes, do you want the CSS to apply to only this page?

    Thread Starter eyeghoti

    (@eyeghoti)

    8 years, 1 month ago

    That’s the plan at the moment.
    (Global header changes may be a long term solution but I’ll need to go through eerything else first.)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 1 month ago

    That page is missing a unique identifier for you to target it specifically, like “page-id-28”.

    Try this instead:

    
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3,
.woocommerce-page h4,
.woocommerce-page h5
.woocommerce-page h6 {
    color: #fff;
}
    Thread Starter eyeghoti

    (@eyeghoti)

    8 years, 1 month ago

    Awsome. Thanks for your help.

    • This reply was modified 8 years, 1 month ago by eyeghoti.
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Trouble identifying CSS’ is closed to new replies.