Appearance change: round corners to square corners

Oct

2011

Hi, me again Smile

This time with a simpler one (for you, not for me) Embarassed

. And as a photo speaks a 1000 words.. I would like to go from:

THIS (round corners):

TO THIS (clean square corners):

Anyone of you CSS gurus have some hints please ?

Thank you in advance,
Lucian

1 Drogba921, on 29/10/2011 at 19h31

find anything in the CSS that says:

border-radius

and remove it.

2 FrozenX, on 29/10/2011 at 19h34

Code:: iv#page-header div.navbar { -moz-border-radius: 0px; -webkit-border-radius: 0px; background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png) repeat-x #B14A00; clear: both; margin-top: -2px; }

add that to you're CSS

------------------------------

or like Drogba921 said

Remove:

from your css

also, add:

Code:: .forabg, .forumbg, .headerbar { -moz-border-radius: 0px; -webkit-border-radius: 0px; }

or remove them, completely from the css.

3 luchianull, on 29/10/2011 at 19h41

Thank you Frozen; it seems that while you were posting, I was trying Drogba's solution, which seem to work flawlessly Wink

SOLVED

4 MrMario, on 29/10/2011 at 20h03

Solved => Locked