Down Widget How to change from square to rounded corners
-
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
Add this to Custom CSS
#sidebar_bottom h3 {
border-radius: 5px 5px 0 0 !important;
}Thank you very much Prasanna !
it’s perfect, and more harmonious.
Good day
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
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
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
@watoo
#sidebar_bottom .sidebar-wrap {
border-radius: 5px 5px 0 0;
}Perfect !
Thank you Prasanna.
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.
