http://www.kriesi.at/support/topic/different-background-images Support Forum - Topic: Different background images? en-US Fri, 24 May 2013 18:21:33 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/different-background-images#post-77448 Wed, 26 Sep 2012 15:59:51 +0000 rammler 77448@http://www.kriesi.at/support/ <p>I found it:</p> <p>#top.category-15</p> <p>THX a lot! </p> http://www.kriesi.at/support/topic/different-background-images#post-77447 Wed, 26 Sep 2012 15:52:01 +0000 rammler 77447@http://www.kriesi.at/support/ <p>Hi Devin, this works great for pages. It is possible for categories too?<br /> THX a lot </p> http://www.kriesi.at/support/topic/different-background-images#post-71426 Thu, 16 Aug 2012 19:19:05 +0000 Mya 71426@http://www.kriesi.at/support/ <p>I'm going to leave this thread open for now in case you have any issues. Let us know how it works.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/different-background-images#post-71121 Wed, 15 Aug 2012 06:07:21 +0000 rammler 71121@http://www.kriesi.at/support/ <p>Sounds great! I will try it. THX a lot </p> http://www.kriesi.at/support/topic/different-background-images#post-70961 Tue, 14 Aug 2012 12:42:14 +0000 Devin 70961@http://www.kriesi.at/support/ <p>Hi rammler,</p> <p>Sure thing! We'll use a bit of css to target the page id class that gets set at the top of each page. This way, you can target them individually. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>#top.page-id-820 .slideshow_color { background: #006ab0 url(http://rammler.de/demo/joos/wp-content/uploads/2011/12/bigslide_back_joos_shine_new.jpg) top center no-repeat scroll; } #top.page-id-825 .slideshow_color { background: #006ab0 url(http://rammler.de/demo/joos/wp-content/uploads/2011/12/bigslide_back_joos_shine_new.jpg) top center no-repeat scroll; }</code></pre> <p>So in the above css, you have the two different page ID's which for you can be seen in the actual page URL's which makes it very easy to identify which page code goes with which. Just change the http address in the css to the new image you would like to use.</p> <p>The rest of the css just tells the browser how to position the image and if you want to modify it you can see some examples here: <a href="http://www.w3schools.com/css/css_background.asp" rel="nofollow">http://www.w3schools.com/css/css_background.asp</a></p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/different-background-images#post-70939 Tue, 14 Aug 2012 09:18:36 +0000 rammler 70939@http://www.kriesi.at/support/ <p>Hi there, is it possible to use different background images?<br /> Here: <a href="http://rammler.de/demo/joos/?page_id=825" rel="nofollow">http://rammler.de/demo/joos/?page_id=825</a> a other one that here <a href="http://rammler.de/demo/joos/?page_id=820" rel="nofollow">http://rammler.de/demo/joos/?page_id=820</a></p> <p>I marked the Image here: <a href="http://awesomescreenshot.com/053d43n51" rel="nofollow">http://awesomescreenshot.com/053d43n51</a> </p>