Jump to content
Sign in to follow this  
lorenpenner

Full width page with unique background

Recommended Posts

lorenpenner    0
lorenpenner

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
catrina    103
catrina

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?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
lorenpenner    0
lorenpenner

Here is a link to the video section background image: http://www.shushybyebeta.com/wp-content/uploads/2010/09/video_background.png A few of questions: 1) Which template files am I tweaking? 2) Which part of the CSS file is tweaked? 3) How do I get the new Template file to show up in the dropdown list of template choices when creating the page? Your help appreciated.

Share this post


Link to post
Share on other sites
catrina    103
catrina

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


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
lorenpenner    0
lorenpenner

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
cmunns    16
cmunns

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

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  

×