Rounded corners on buttons

5 posts by 4 authors in: Forums > CMS Builder
Last Post: February 3, 2011   (RSS)

By gversion - January 31, 2011

Hi Guys,

I am trying to use the same CSS style on the front-end of my website as is used in the cmsAdmin control panel.

I have managed to get the buttons looking almost the same (I am using the blue theme) but can't make the rounded corners appear.

Could someone please point me in the right direction so I can add this nice polishing touch (i.e. the rounded corners) to the buttons on the front-end of my site?

Thank you,
Greg

Re: [gversion] Rounded corners on buttons

By Toledoh - January 31, 2011

try
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
-khtml-border-radius: 10px 0 10px 0;
border-radius: 10px 0 10px 0;

There's other methods, and this doesn't work in some browsers...
Cheers,

Tim (toledoh.com.au)

Re: [Toledoh] Rounded corners on buttons

By gversion - February 1, 2011

Hi Tim,

Thanks for the message - the code you provided rounded the top left and bottom right corners.

Is this code taken from the existing CMS Builder CSS file? If so I can't seem to find it.

I'd like to know where the code is that Interactive Tools used to create the rounded corners so I'd be grateful if you could let me know.

Thanks again,
Greg

Re: [gversion] Rounded corners on buttons

By KCMedia - February 3, 2011

Hi Greg

here is a link to very good site that lets you do all kinds of css stuff with buttons i have used it on many sites and love it.

http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/

hope you find it usefull
Thanks



Craig

KC Media Solutions

www.kcmedia.biz