You are here

How to give round curve to a rectangular box in side bar?

Many of us while designing has this question in our mind that how to give round curve to a rectangular box in side bar?

Somesuggest a image to put in or side image to put but we can do it with the Help of CSS
its really easy

you just need to go in that box and read the id or class of that box
for example: .sidebar or .sidebar .block h3

Now go into the Css file and implemenent this class or Id
and in that you need to appy

-moz-border-radius: 5px 5px 5px 5px;

//5px 5px 5px 5px these are values that can be changed...//

-moz-border-radius is a Css property.

Other various subsets are that we can use:

*-moz-border-radius-bottomleft (rounds the bottom-left curve)
*-moz-border-radius-bottomright (rounds the bottom-right curve)
*-moz-border-radius-topleft (rounds the top-left curve)
*-moz-border-radius-topright (rounds the top-right curve)

Do contact Sparxsys Solutions for further Query !!