WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Rounded corners on widget bottoms? (7 posts)

  1. Onkton
    Member
    Posted 2 years 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

  2. CAWD
    Member
    Posted 2 years ago #

    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: http://www.w3schools.com/cssref/css3_pr_border-radius.asp

  3. Andrew Bartel
    Member
    Posted 2 years ago #

  4. Onkton
    Member
    Posted 2 years ago #

    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

  5. Andrew Bartel
    Member
    Posted 2 years ago #

  6. CAWD
    Member
    Posted 2 years ago #

    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.

  7. Onkton
    Member
    Posted 2 years ago #

    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]

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.