• 0
Sign in to follow this  
Followers 0

Adding Solid Coloured Bar Across Site Header

Question

Posted · Report post

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

5 answers to this question

  • 0

Posted · Report post

Hi WebWerx, Try this: [code]#site {border-top: 10px solid red;} /* Change red to the color you desire */[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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
  • 0

Posted · Report post

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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

How would one use hex colors in this configuration? 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

 

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

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  
Followers 0