Archived

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

  • 0

Different full width header per page?


Question

1 answer to this question

Posted · Report post

Rich,

 

Quite a few have asked for this lately.   In the PageLines Meta Settings for each page, there is an option to set a background on a per-page basis. This works provided there is no page or content color set in Dashboard > PageLines > Site Options > Color Control.  You'd use the positioning elements in those settings to position the background into the header area, provided the image isn't too tall, and is wide enough.  Don't use supersize with this method.

 

I think the only other possible way to accomplish this is using CSS.

 

First, you should know that each page is assigned an ID by WordPress. You can prefix almost any CSS element with a per page instruction by adding

.page-id-XX, where XX is the unique page indentification number.

 

Next, if you are doing something like:

#header {background-image: url("THE FULL URL TO YOUR BACKGROUND IMAGE"); 
}

You can make it

.page-id-24 #header {background-image: url("THE FULL URL TO YOUR BACKGROUND IMAGE");
}

which would place an image on page ID 24.

 

You can also, and may have to, add instruction about the positioning of the background.   For more on that, see: http://www.w3schools.com/css/css_background.asp.

Share this post


Link to post
Share on other sites