Radius border

GK User
Fri Feb 24, 2012 2:22 pm
Hello,

I would like to change the template a bit again. Can I make round corners instead of the normal 90 degree corners? On the site you see the white field, and I want to change the corners with a radius code or something.

http://www.thinkfishmedia.nl/Dev
User avatar
Junior Boarder

teitbite
Fri Feb 24, 2012 5:31 pm
Hi

I'm not sure if this is what You need, but please try this code:

Code: Select all
#mainContent {
border-radius:10px;
}
User avatar
Moderator

GK User
Sat Feb 25, 2012 4:18 pm
Hi,

It does not seem to change anything. I have added an image to show you what I want to change.
User avatar
Junior Boarder

GK User
Sat Feb 25, 2012 4:19 pm
Oh here is the image. It was to big before.
User avatar
Junior Boarder

Konrad M
Sat Feb 25, 2012 4:26 pm
Can you give us url to your site?
User avatar

GK User
Sat Feb 25, 2012 4:32 pm
User avatar
Junior Boarder

Konrad M
Sat Feb 25, 2012 4:43 pm
Try add to override.css
Code: Select all
#gkContent > div {
border-radius:10px;    
-moz-border-radius:10px;
-webkit-border-radius:10px;
}


and remember to enable override.css option in template settings
User avatar

GK User
Sat Feb 25, 2012 4:48 pm
Yes it worked! Thanks, again.
User avatar
Junior Boarder

Konrad M
Sat Feb 25, 2012 4:49 pm
I'm glad I could help :)
User avatar


cron