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

  • redplanetdust

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

    redplanetdust

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

    WeRA6G5.jpg

    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

    #36038

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

    .sidebar h3 {
    border-top: 3px solid #21c415 !important;
    }

    Prasanna SP

    #36039

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

    redplanetdust

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

    redplanetdust

    #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

    #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

Viewing 10 posts - 1 through 10 (of 11 total)

You must be logged in to reply to this topic.