How to cteate Border-top solid line for widgets in sidebars?

redplanetdust
February 24, 2013 at 2:23 pm #6904

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
Kenneth John Odle
February 24, 2013 at 3:08 pm #36035
Try:
```
.sidebar h3 {

border-top: 3px solid #21c415;

}
```
You may also want to add this declaration:

border-radius: none;

to that selector.
redplanetdust
February 24, 2013 at 3:16 pm #36036

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

Kenneth John Odle
February 24, 2013 at 4:23 pm #36037

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.
Prasanna SP
February 24, 2013 at 4:23 pm #36038
Ken’s code should work. If not, try this,
```
.sidebar h3 {

border-top: 3px solid #21c415 !important;

}
```
Prasanna SP
February 24, 2013 at 4:25 pm #36039

Also, don’t hack parent theme style.css. Add the code to child-theme style.css or Custom CSS.

redplanetdust
February 24, 2013 at 4:27 pm #36040

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

Kenneth John Odle
February 24, 2013 at 4:31 pm #36041

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.

redplanetdust
February 24, 2013 at 4:35 pm #36042

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

Prasanna SP
February 24, 2013 at 4:46 pm #36043

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