This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Custom CSS not overriding Vantage Headline Widget color

Resolved 10 replies premiumthemetheme-vantage
11 years ago · Last reply by Andrew Misplon 11 years ago

I want to change the color of the subheading in the headline widget. When I inspect the code I see that the color is pulled from this code:

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
color: #e59100;
}

In my Custom CSS I have tried to input many different things, but nothing works. This is an example of something that does not work:

.widget_headline-widget .entry-content h3  {
		color: #666666;
}

and

.widget_headline-widget h3  {
		color: #666666;
}

and

.entry-content h3  {
		color: #666666;
}

With and without !important. I don’t know what I need to input to change the color on just the subheading, in only that widget, only on the home page?

Thanks.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff 11 years, 6 months ago

    Try this:

    .home .widget_headline-widget h3 {
    color: #666 !important;
    }
  2. Andrew Misplon Staff 11 years, 6 months ago

    If that doesn’t work please send me a link to the site and I’ll take a look. It should be fine though.

  3. Tor André Sandum 11 years, 6 months ago

    I don’t have access to the code right now because of DNS-propagation, but I will check that tomorrow! Thank you for your answer.

    I am fairly sure I tried this though, without luck:

    .home .widget_headline-widget h3 {
    color: #666666 !important;
    }

    Can’t remember exactly, so I will give you feedback tomorrow!

  4. Andrew Misplon Staff 11 years, 6 months ago

    Let me know how it goes.

    Change #666666 to red for a quick test.

  5. Tor André Sandum 11 years, 6 months ago

    Sadly, your code did not work. Not with “red” either. The site is http://www.sandum.pt and should be propagated correctly.

    Thanks for your help

  6. Andrew Misplon Staff 11 years, 6 months ago

    Try put this selector at the top of your Custom CSS.

  7. Tor André Sandum 11 years, 6 months ago

    Yes, it was that easy! Thank you!

    But why on the top? Isn’t the last one the one that has the most “weight”?

  8. Andrew Misplon Staff 11 years, 6 months ago

    Cool, glad that worked.

    I didn’t check to closely to be honest. I had a look now though and I think your media query is not closed, check that you have a closing curly bracket for the media query.

    CSS does cascade so order is important. Usually it would the other way around though and the last listed selector would take precedence.

  9. Tor André Sandum 11 years, 6 months ago

    Oh my….

    That was the problem all along I think! It’s closed now!

    Thank you again for all your help!

  10. Andrew Misplon Staff 11 years, 6 months ago

    Easy one to miss!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread