http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section premium wordpress themes en-US Fri, 10 Feb 2012 22:53:15 +0000 http://bbpress.org/?v=1.0.2 q http://www.vfxdude.com/forum/search.php http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-4397 Sun, 10 Oct 2010 23:37:33 +0000 Lara 4397@http://www.vfxdude.com/forum/ <p>Thank You Illusio and vxdude </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3664 Wed, 01 Sep 2010 03:54:31 +0000 illusio 3664@http://www.vfxdude.com/forum/ <p>You just need to remove some duplicate code in header.php. Remove this:</p> <p><code>&lt;body&gt;<br /> &lt;?php bf_top(); ?&gt;</code> </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3660 Tue, 31 Aug 2010 17:04:50 +0000 Lara 3660@http://www.vfxdude.com/forum/ <p>Hello.</p> <p>Thanks so much for taking the time to help!!! I tried this as you suggested and the background still doesn't show up (See screengrabs of what I did below). Perhaps I am missing the obvious ;) Do you see what I am doing wrong? Thanks a million.</p> <p>Background: <a href="http://dev1.randomlink.com/wp-content/themes/topart/images/BG_inspiration.jpg" rel="nofollow">http://dev1.randomlink.com/wp-content/themes/topart/images/BG_inspiration.jpg</a><br /> Header.php: <a href="http://dev1.randomlink.com/wp-content/themes/topart/images/example1.jpg" rel="nofollow">http://dev1.randomlink.com/wp-content/themes/topart/images/example1.jpg</a><br /> Style.css (in the topart theme): <a href="http://dev1.randomlink.com/wp-content/themes/topart/images/example2.jpg" rel="nofollow">http://dev1.randomlink.com/wp-content/themes/topart/images/example2.jpg</a> </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3652 Tue, 31 Aug 2010 07:07:40 +0000 illusio 3652@http://www.vfxdude.com/forum/ <p>@Lara: There's a way to do this until it's implemented into the theme. In your bigfeature folder, copy/paste into the header.php file. The code creates a custom body class, based on the page name. See it in action <a href="http://www.labradoodlepuppies.com/">here</a>.</p> <p><code><br /> &lt;/head&gt;<br /> <strong>&lt;!-- begin dynamic body class --&gt;<br /> &lt;?php if (is_home()) { ?&gt;<br /> &lt;body class=""&gt;<br /> &lt;?php } else { ?&gt;<br /> &lt;body class="&lt;?php echo $post-&gt;post_name; ?&gt;"&gt;<br /> &lt;?php } ?&gt;<br /> &lt;!-- end dynamic body class --&gt;</strong><br /> &lt;?php bf_top(); ?&gt;</p> <p></code></p> <p>In your theme (or child theme CSS), add this code below to target different pages and/or the container:</p> <p><code><br /> /* Background image for an About page */<br /> html body.about {<br /> background: url (images/bg-somefilename.png);<br /> }</p> <p>/* Background image for a Contact page */<br /> html body.contact {<br /> background: url (images/bg-someimage.png);<br /> }</p> <p>/* Background image for a Contact page - targeting the container */<br /> html body.contact #container {<br /> background: url (images/bg-someimage.png");<br /> padding-top: 0;<br /> }</p> <p></code> </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3649 Mon, 30 Aug 2010 18:11:25 +0000 Lara 3649@http://www.vfxdude.com/forum/ <p>If that is not possible I am thinking I could just add an image to my posts on each page but if I do that I need to make the container margin 0 so the graphic butts up against the border which I cannot find anywhere. Is this also possible?</p> <p><a href="http://dev1.randomlink.com/" rel="nofollow">http://dev1.randomlink.com/</a> </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3648 Mon, 30 Aug 2010 18:07:18 +0000 Lara 3648@http://www.vfxdude.com/forum/ <p>I'm wondering if for now I can just put some code in my stylesheet (I am using a child theme). If so what code would I use?</p> <p>Thanks again </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3328 Mon, 02 Aug 2010 12:01:32 +0000 vfxdude 3328@http://www.vfxdude.com/forum/ <p>this will be possible in the new version of the theme (coming soon I hope) since I have added body classes. then you can target categories/pages etc. with custom css. </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3272 Thu, 22 Jul 2010 00:01:59 +0000 Lara 3272@http://www.vfxdude.com/forum/ <p>I'm bumping this again. I want to have different backgrounds for each section like on this site: <a href="http://www.dahliadrive.com/" rel="nofollow">http://www.dahliadrive.com/</a></p> <p>The Bigfeature site in development is here: <a href="http://dev1.randomlink.com/" rel="nofollow">http://dev1.randomlink.com/</a> </p> http://www.vfxdude.com/forum/topic/different-backgrounds-for-each-section#post-3256 Mon, 19 Jul 2010 18:08:53 +0000 Lara 3256@http://www.vfxdude.com/forum/ <p>Is it possible to add a different background for each section in the navigation? I am transferring a website that I did for someone ages ago into wordpress.</p> <p>OLD SITE:http://www.dahliadrive.com/<br /> NEW SITE: <a href="http://dev1.randomlink.com/?page_id=292" rel="nofollow">http://dev1.randomlink.com/?page_id=292</a> </p>