Jump to content


Photo
- - - - -

Adding Solid Coloured Bar Across Site Header


  • Please log in to reply
5 replies to this topic

#1 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 13 April 2012 - 12:07 PM

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.

Please Login or Register to see this Hidden Content



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17139 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 April 2012 - 12:26 PM

Hi WebWerx,

Try this:

Please Login or Register to see this Hidden Content



#3 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 13 April 2012 - 01:11 PM

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......

#4 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 13 April 2012 - 02:15 PM

Make sure you've downloaded

Please Login or Register to see this Hidden Content

and check out

Please Login or Register to see this Hidden Content

. :)

With the above ^^^ you'll be able to figure out which element to change. This should work for you:

Please Login or Register to see this Hidden Content



#5 DDean

DDean

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 21 December 2013 - 03:15 AM

How would one use hex colors in this configuration? 



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 21 December 2013 - 08:00 AM

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

 

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