Can't pinpoint a specific element with inline style

  • Hi there,

    New to the forum and did a quick search on how to work with the element.style info in Chrome’s developer tool. I just can’t seem to find the specific element I am looking for so I was hoping someone could help me pinpoint it.

    I want to change the specific H2 title of my WooCommerce shop at ilovetennis.nl/wordpress/index.php/shop. I found out it can be overwritten via my child theme’s style.css using the .sc_title element but that overwrites all titles on the website. And I just want to customize the shop’s header (so that’s in white, not in blue). So my search probably isn’t specific enough. What element should I target?

    Hopefully somebody can help me with this. Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter newballs

    (@newballs)

    Has anyone got an idea? Thanks in advance.

    Hey there,

    Try adding following custom CSS in your child theme’s stylesheet:

    .woocommerce.sidebar_show .content .sc_title{
    color: #FFF;
}

    Just add the parent element before the element you’re targeting, so it will only reflect the changes inside the parent element. Hope it helps.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can't pinpoint a specific element with inline style’ is closed to new replies.