Jump to content
Sign in to follow this  
WebWerx

Adding Solid Coloured Bar Across Site Header

Recommended Posts

WebWerx    0
WebWerx

Hi, I'd like to add a 10px. solid coloured bar across the top of my site's header. Just wondering about what would be the most efficient method. I am thinking CSS. If that is the case, how would I best implement the code (What is the code I would use?). I'll put it in my CSS arsenal. I suppose I could create the bar in Photoshop, and then add it with a hook. But that seems like overkill - IMHO. http://cl.ly/190v3T0B2z1r3k2x0M3V

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi WebWerx, Try this: [code]#site {border-top: 10px solid red;} /* Change red to the color you desire */[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
WebWerx    0
WebWerx
Hey @Danny: That works perfectly. One small tweak. I'd like the border to only appear within the bounds of the site (1024 px.). I guess I should have said that initially......

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
Make sure you've downloaded [url="http://www.getfirebug.com"]Firebug for Firefox[/url] and check out [url="http://www.w3schools.com/"]W3 Schools[/url]. :) With the above ^^^ you'll be able to figure out which element to change. This should work for you: [code]#branding .content-pad { border-top: 10px solid red; }[/code]

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, just replace the color with the hex value.

 

#site {border-top: 10px solid #ffffff;}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×