Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 3, 2015 at 4:42 pm #546496
    tremblayly

    Hi

    I display related products on a single product page. The title (H2) color is black and is it’s define in the Enfold main style.css file. The declaration uses the “!important”. In my custom stylesheet even if I declare the color: #ffffff !important; the Enfold parent theme styling gets precedence. Since I can’t add the inline CSS in this case, how can I get the H2 title to be white instead of black?

    Here’s a link to a product page on my website:
    http://www.herbalhealinginc.com/product/burdock-root-arctium-lappa

    Any help would be appreciated
    Thanks
    Lyse

    December 3, 2015 at 5:08 pm #546510
    Elliott

    Hi tremblayly!

    Which one is it? I see the “Product Description” is an H2. If you want to target it then an !important should be working fine.

    .panel h2 { color: white !important; }

    Regards,
    Elliott

    December 3, 2015 at 5:51 pm #546559
    tremblayly

    HI Elliott,

    The Related Products one!

    Thanks
    Lyse

    December 3, 2015 at 5:54 pm #546562
    tremblayly

    Here are the competing elements

    #top .related.products h2 {
    color: #050402 !important;
    font-weight: bold !important;
    }
    #top .related.products h2 {
    color: #ffffff !important;
    font-weight: bold !important;
    }

    December 3, 2015 at 9:54 pm #546679
    Elliott

    Hey!

    The related products use an H3 and it’s already set to black. Can you take a screenshot and highlight what your seeing?

    Cheers!
    Elliott

    December 3, 2015 at 10:32 pm #546711
    tremblayly

    Hi Elliott

    Here’s a link to the issue and web page taken:
    https://www.dropbox.com/s/77kr9yrfw2wuaeg/related%20product%20heading.jpg?dl=0

    Here’s the link of what I see in Firebug
    https://www.dropbox.com/s/u0r8s74y1sgjoty/related%20product%20CSS.jpg?dl=0

    I see an H2 titlle…

    Thanks
    Lyse

    December 4, 2015 at 7:02 pm #547216
    Elliott

    Hey!

    Ok I see now. That’s actually coming from your child theme stylesheet on line 296.

    /* WooCommerce customization */
/* style added tab for related products */
#top .related.products h2 {
    color: #050402 !important;
    font-weight: bold !important;
}

    Perhaps you forgot it was there but you can change the color there or remove it.

    Regards,
    Elliott

    December 4, 2015 at 8:52 pm #547266
    tremblayly

    Hi Elliott,

    I fixed the duplication and now it works as I want it.

    Thank you for all of your help!
    Lyse

    December 5, 2015 at 8:40 am #547383
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.