Archived

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

  • 0

Full width page with unique background

Question

Posted · Report post

I want a unique background image within the main content section using the full-width template page. What is the easiest way to replace the post-bg.png image based upon a certain page? Does that make sense? I'm using iBlogPro. The website address is http://www.shushybyebeta.com. I want the Videos and Music page to have unique background within the full-width content area.

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

Hi, There might be a way if you create one custom template for the Music page and another custom template for the Videos page. T explain briefly: each template can be based on the default page template that is being used now and the styling that goes with each template can be tweaked to make the background image unique for each page. Do you have the unique background images for the Music and Videos pages already?

Share this post


Link to post
Share on other sites

Posted · Report post

1) You will actually be making 2 copies (one for Music and one for Videos) of the template file called _posts.php. It's very important that you keep the the original _posts.php file untouched, so that's why you are making the 2 copies. 2) You add the necessary CSS styling in the Custom Code section of the Theme Options after the 2 templates are created and tweaked. No other CSS has to be changed. 3) To get the new template files to show up, you don't need to do anything. They show up conveniently and automatically in the drop-down list after you make the 2 copies of the templates (and of course, you would need to refresh the Page editor page in order to see this happen).

Share this post


Link to post
Share on other sites

Posted · Report post

I think I have #1 and #2 figured out. Regarding #3 ... 3) To get the new template files to show up, you don't need to do anything. They show up conveniently and automatically in the drop-down list after you make the 2 copies of the templates (and of course, you would need to refresh the Page editor page in order to see this happen). I was referring to the fact that it (the modified template) does not seem to show up in the Template dropdown in the Page Attribute section of Edit Page. Isn't that how I would assign the correct template (with the modified content area background) for the Video page?

Share this post


Link to post
Share on other sites

Posted · Report post

You do not need to modify page templates. Each and every page in WOrdPress is assigned a unique page id which you can use along with CSS to change the background on every page if you wanted to. If you view the source you'll see the id attached to the body for example the videos page will be ` .page-id-388 .postwrap { background:URL('http://www.shushybyebeta.com/wp-content/uploads/2010/09/video_background.png') no-repeat; } `

Share this post


Link to post
Share on other sites