Footer widget h3 border radius not applying

  • Mod

    Kenneth John Odle


    I recently reorganized my blog and started using the footer widget. I wanted to style the h3‘s in that area with a 12px border radius so they would look like the widgets in my main sidebar. So I added this to my child theme stylesheet:

    #sidebar_bottom .sidebar h3 { /* Adds rounded corners to footer widget headlines. */
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;

    My comment is entirely hopeful, because this code actually doesn’t add rounded corners.

    The odd thing is that line 1982 in the main Graphene stylesheet seems to be cancelling out this line from the child theme stylesheet. If I cancel out line 1982 in Firebug, my changes take effect. This is true even if I add the !important declaration, or if I use this code in custom CSS (which is where I first tried it–I use that as a sandbox).

    I’m probably missing something simple, but for the moment I’m stumped.



    I’m seeing it as “.sidebar-wrap” (?)

    #sidebar_bottom .sidebar-wrap h3 { border-radius: 12px 12px 12px 12px; }

    Kenneth John Odle


    Thanks, Ken, that was the trick.

    You know, I could have sworn that I tried that once already. It’s working now, that’s the important thing.

    Thanks again.

Viewing 3 posts - 1 through 3 (of 3 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum