Down Widget How to change from square to rounded corners

  • Anonymous

    #7256

    Hi,

    When I use widgets at the bottom of the page, they always have square corners.

    I wanted to change for rounded corners, like the widgets in the right bar

    I think in css, it’s something like :

    border-radius: 0 30px 0 0;

    thanks for a little help.

    Philippe

    Anonymous

    #37611

    Add this to Custom CSS

    #sidebar_bottom h3 {
    border-radius: 5px 5px 0 0 !important;
    }

    Anonymous

    #37612

    Thank you very much Prasanna !

    it’s perfect, and more harmonious.

    Good day

    Anonymous

    #37613

    oops

    Just a small problem, there is a litte white pixel staying in the corner.

    Like if the transparency doesn’t work and stay squared corner.

    how to remove it

    thanks

    DezD

    #37614

    Hi Prasanna

    I’ve tried the above but it does not seem to work, can you advise where I might be going wrong please?

    http://www.blog.bigfish-littlefishuk.co.uk/

    Many thanks

    Deryn

    Anonymous

    #37615

    Hi, Deryn

    This css code is for the widget just under the footer. it doesnt work for the left.

    i see nothing like that on your web site.

    Hi , Prasanna

    if you want to see my white pixel problems on the corner of the widget.

    http://www.florencesamynequitherapie.fr/

    Thanks in advance

    Anonymous

    #37616

    @watoo

    #sidebar_bottom .sidebar-wrap {
    border-radius: 5px 5px 0 0;
    }

    Anonymous

    #37617

    Perfect !

    Thank you Prasanna.

    DezD

    #37618

    Hi Prasanna

    Sorry about not noticing that earlier.

    Can the bottom corners of the sidebar widgets be rounded as well, and if so what would be the code for that please?

    Many thanks

    Deryn

    Anonymous

    #37619
    Quote:
    Can the bottom corners of the sidebar widgets be rounded as well, and if so what would be the code for that please?

    #sidebar_bottom .sidebar-wrap, .sidebar div.sidebar-wrap {
    border-radius: 5px !important;
    }

    I prefer 10px though.

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

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!