Home › Forums › Graphene WordPress theme › Support

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

  • Anonymous

    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.

    Anonymous

    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:

    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.

    Anonymous

    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;
    
}

    Anonymous

    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.

    Anonymous

    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.

    Anonymous

    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

    Anonymous

    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

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

  • 1
  • 2
  • You must be logged in to reply to this topic.