Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

website

Posted on 2012-08-23
7
Medium Priority
?
344 Views
Last Modified: 2012-08-23
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
0
Comment
Question by:jonathanduane2010
  • 4
  • 3
7 Comments
 

Author Comment

by:jonathanduane2010
ID: 38326723
and also making the nav bar #foc? thank you so much
0
 
LVL 61

Expert Comment

by:Julian Hansen
ID: 38326804
#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.
0
 

Author Comment

by:jonathanduane2010
ID: 38326854
thank you so much!

ok i have swapped out line 1319 but seems to have changed??
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 

Author Comment

by:jonathanduane2010
ID: 38326857
sorry it hasnt changed
0
 
LVL 61

Accepted Solution

by:
Julian Hansen earned 1800 total points
ID: 38326970
Ok but because you added the other items first it is now on 1335.
0
 

Author Comment

by:jonathanduane2010
ID: 38327037
thank you so much
0
 
LVL 61

Expert Comment

by:Julian Hansen
ID: 38327107
you are welcome
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question