Rounded corners on widget bottoms?

  • Resolved Onkton

    (@onkton)


    12 years, 7 months ago

    Hi,

    anyone an idea to get the bottoms of the widgets rounded corners?

    i tried a lot in the widget.php with editing the $after_widget or also a new div-container including the whole widget stuff.

    i want to get it with css and not with the images thing for IE.

    greets
    Onkton

Viewing 6 replies - 1 through 6 (of 6 total)

  • Can you provide a link to what you’re working on? That might help.

    Otherwise, you can use CSS to style the corners using the border-radius selector:
    border-bottom-right-radius:2em;
    border-bottom-left-radius:2em;

    This won’t work in older versions of IE or FF though. Here’s more info on the w3schools site: https://www.w3schools.com/cssref/css3_pr_border-radius.asp

    CSS3 Generator

    Thread Starter Onkton

    (@onkton)

    i know the css and work with it but i don’t know where to add it for the widgets bottoms.

    Does someone know where to find it? or where also to find the h3 element which is possibly for the widgets?

    greets

    Firebug

    What Andrew said – use firebug or if you’re on Chrome you can right-click and choose ‘inspect element’. Use this to identify the element that you want to modify then just add the border radius to that css selector.

    Thread Starter Onkton

    (@onkton)

    hi, thx for the help, I found the css source to edit.

    If someone surching:
    I use the graphene-theme and there I had to changed (added)

    .sidebar div.sidebar-wrap {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    }

    so: [SOLVED]

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Rounded corners on widget bottoms?’ is closed to new replies.