Archived

This topic is now archived and is closed to further replies.

  • 0

Header Section Borders and Color

Question

Posted · Report post

Hey Guys,

I'm trying to edit the style of my header a bit to fit the website a bit better. So far, I have added a boarder and changed the color of my header with your help and had some good success! Now, all I want to do is contain these changes so that they are in line with the content area box. Hard to explain so I made some photos.

 

Here is how it currently looks:

http://imgur.com/KM3cgEm,t9ve4Na#0

 

The background of the header is white and extends across the entire screen.

 

Here is how I want it to look (below is a crude Photoshop):

http://imgur.com/KM3cgEm,t9ve4Na#1

 

The header has the same background effects but the side borders line up with the below content width.

 

Here is the code I am using right now for the header:

 

#header {
  background: #ffffff;
  border-bottom:#ededed solid;
  border-width:5px;  
}
 
 
Is there a way to do this?
 
Thanks guys!

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Looking at your image I would think you'd need to apply the background color to a different container, one that was within the content area. Usually this will be content or content-pad within the header section.

 

If you have a live version of the site we'll be able to see the elements available, otherwise i'd suggest looking for content or content-pad within the header id and seeing if this effected the area the color covered.

Share this post


Link to post
Share on other sites

Posted · Report post

Yup! that was it. I added content-pad and it is exactly how I wanted. Thanks a ton James!

 

-Ian

Share this post


Link to post
Share on other sites

Posted · Report post

I will let James know it worked!

Share this post


Link to post
Share on other sites