Link to home
Start Free TrialLog in
Avatar of jonathanduane2010
jonathanduane2010

asked on

website

hi,

I was wondering how could is there anyway i could make the corners curved on my website www.sunkissed.ie and also make the footer this colour? #F0C

thank you so much
Avatar of jonathanduane2010
jonathanduane2010

ASKER

and also making the nav bar #foc? thank you so much
Avatar of Julian Hansen
#foc is not a valid clour do you mean

#f0c000 or #f0cf0c?

You can change this by making the following modification to line 1319 of styles.css
background: none repeat scroll 0 0 #F0CF0C; /* CHANGE HERE*/
border: 1px solid #DBDBDB;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
clear: both;
height: 40px;
margin-bottom: 30px;
overflow: hidden;
padding: 25px 30px;

Open in new window


To make corners curved you can add the following to your stylesheet line 208
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 10px; /* CHANGE HERE */
-moz-border-radius: 10px; /* AND HERE */
-webkit-border-radius: 10px; /* AND HERE */
border-style: none solid;
border-width: medium 1px;
overflow: hidden;
padding: 25px 30px;

Open in new window

NB The above will not work in IE 7 or IE 8. My advice though is to ignore those browsers because the only way to get the rounded borders there (That I know of) is to use images and that is too much effort wasted on a browser that cannot keep up with standards.
These browsers constitute a minority of browsers out there and should be ignored.
thank you so much!

ok i have swapped out line 1319 but seems to have changed??
sorry it hasnt changed
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
thank you so much
you are welcome