Anonymous

#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

#36035

Try:

.sidebar h3 {

border-top: 3px solid #21c415;

}

You may also want to add this declaration:

border-radius: none;

to that selector.

Anonymous

#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

#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.

Anonymous

#36038

Ken’s code should work. If not, try this,

.sidebar h3 {

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

}

Anonymous

#36039

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

Anonymous

#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

#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.

Anonymous

#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

Anonymous

#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