Support » Fixing WordPress » Trouble identifying CSS

  • Resolved eyeghoti

    (@eyeghoti)



    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)
  • Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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

    eyeghoti

    (@eyeghoti)

    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?

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    eyeghoti

    (@eyeghoti)

    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.)

    Moderator Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    (@eyeghoti)

    Awsome. Thanks for your help.

    • This reply was modified 6 months ago by  eyeghoti.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Trouble identifying CSS’ is closed to new replies.