It works when I do it.
Post a link to your site, I’ll have a look.
Try
h3.widget-title {
border-bottom: 20px solid #669900;
}
Thanks Tareq, here it is:
oncapitalpartners dotcom.
batharoy, thx for suggestion, had tried that actually… no joy.. strange huh?
Incidentally, just installed the recent theme update (think it was released today?).
Still nuttin…
Still working fine for me. However, just noticed this style is being overridden by
woo.css
!
You’ll find this at
fruitful/woocommerce/woo.css
And you’ll need to edit line 175 where the
border-bottom
is currently
#f15a23
Well spotted Tareq! Not only did you show me what to change, but I never realised you could spot the css overrides from “inspect element” from chrome… brilliant cheers!
I thought that the custom css took precedence over all other css files… apparently not…
You can’t change the css by referencing the file in the custom css box can you?
Thanks again Tareq, I’ve chnaged it in the source css docs, I’m guessing I’ll have to change that now every time there’s an upgrade of the theme… not ideal but hey, never mind..
No problem, glad I could help.
The next time an update for your theme is available, you could just do a backup, then update the theme, create a child theme and then include your custom styles in the child themes style.css!
The custom CSS section in the theme options essentially creates a child stylesheet so you shouldn’t need to @import the base style.css into it. Having said that, the child overrides I believe will only override the base style.css, and not those in subdirectories.
Hope this clears things up for you!
