How to cteate Border-top solid line for widgets in sidebars?
-
I would like to use a border-top solid line for every widget. In the graphene options / colors settings only the bottom can be set. I’d like to set the top border though.
in the css editor i introduced in
.sidebar h3
==> border-top: 3px solid #21c415;
To no avail…
How can I create a solid top line for the sidebar widgets?
TIA
Jan Willem
Mod
Try:
.sidebar h3 {
border-top: 3px solid #21c415;
}You may also want to add this declaration:
border-radius: none;
to that selector.
the border-top argument was what i already had. I introduced your declaration for the radius. It did not create the lines in my sidebars, unfortunately.
Mod
It works for me:
I don’t see that css anywhere in your source code.
Do not use WordPress file editor; instead, add those codes to Graphene custom CSS option.
Ken’s code should work. If not, try this,
.sidebar h3 {
border-top: 3px solid #21c415 !important;
}Also, don’t hack parent theme style.css. Add the code to child-theme style.css or Custom CSS.
I added the code, this time in the css editor not the graphene CSS code.Now IT WORKS!
Thanks very much guys! Looks great.
Mod
Quote:I added the code, this time in the css editor not the graphene CSS code.Now IT WORKS!If that’s the case, then you have two issues:
1) You will lose your changes the next time Graphene updates.
2) Something (a plugin, probably) is interfering with Graphene’s default functionality. This may cause other problems down the road.
that is what one calls a dilemma: if I add it to graphene CSS it does not show up… if i put it in CSS edit environment I might loose it when updating the theme… for now I will take the latter, until I learn of a method to get it to work in the former.
JW
Quote:..if I add it to graphene CSS it does not show up..You might need to read this reply – https://forum.graphene-theme.com/graphene-support/custom-css-styles#post-32063
Viewing 10 posts - 1 through 10 (of 11 total)
- 1
- 2
- You must be logged in to reply to this topic.