http://www.kriesi.at/support/topic/move-main-blog-area-down Support Forum - Topic: Move main blog area down? & Multiple backgrounds? en-US Fri, 24 May 2013 17:47:28 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/move-main-blog-area-down#post-8360 Fri, 05 Nov 2010 08:02:05 +0000 Dude 8360@http://www.kriesi.at/support/ <p>Glad that I could help you. </p> http://www.kriesi.at/support/topic/move-main-blog-area-down#post-8358 Fri, 05 Nov 2010 07:56:05 +0000 t4group 8358@http://www.kriesi.at/support/ <p>Thanks dude! That didn't work in style.css but I realised I was using style2.css and changed that so it works perfectly now. Thanks guys! </p> http://www.kriesi.at/support/topic/move-main-blog-area-down#post-8355 Fri, 05 Nov 2010 07:29:13 +0000 Dude 8355@http://www.kriesi.at/support/ <p>Just change the padding value of .boxed in style.css: At the moment it looks like:<br /> <pre><code>.boxed{ position: relative; margin:0 auto; width:1000px; padding:15px 0; }</code></pre> <p>Set 15px to an higer value like:</p> <pre><code>.boxed{ position: relative; margin:0 auto; width:1000px; padding:50px 0; }</code></pre> http://www.kriesi.at/support/topic/move-main-blog-area-down#post-8330 Thu, 04 Nov 2010 18:07:29 +0000 t4group 8330@http://www.kriesi.at/support/ <p>Thanks for the reply but the first one doesn't work. I added the code to the bottom of style.css and tried different px values but nothing changed on the website? Any other suggestions?</p> <p>I've not tried the different backgrounds yet but I'll let you know how that one turns out.</p> <p>Thanks for your help. </p> http://www.kriesi.at/support/topic/move-main-blog-area-down#post-8320 Thu, 04 Nov 2010 17:19:31 +0000 James Morrison 8320@http://www.kriesi.at/support/ <p>Hey,</p> <p>You can adjust the spacing at the top of the page by adding this to the end of style.css:</p> <pre><code>#wrap_all { margin: 50px auto 0; }</code></pre> <p>Adjust 50px to whatever value you need depending on the image you have as the background.</p> <p>For category specific background, you can use the body class to set the background on a per page basis. If you view the source of a page for example, <a href="http://www.kriesi.at/themes/habitat/category/infos/" rel="nofollow">http://www.kriesi.at/themes/habitat/category/infos/</a> the body classes set are <strong>archive</strong>, <strong>category</strong> and <strong>category-infos</strong>. In this case, the category specific tag is <strong>category-infos</strong> and this CSS could be used to specify a particular background:</p> <pre><code>.category-infos { background: #0000FF; }</code></pre> <p>James </p> http://www.kriesi.at/support/topic/move-main-blog-area-down#post-8305 Thu, 04 Nov 2010 15:43:51 +0000 t4group 8305@http://www.kriesi.at/support/ <p>Hello all,</p> <p>I'm using Habitat theme. I'm looking to move everything in the white middle area down so that more of the background is viewable at the top of the website. This is so I can design a nice background image as a header. So basically everything in the white blog area 'main part', menu and sidebars etc will be moved down?</p> <p>Is this possible by editing the style.css ? ?</p> <p>The other thing I would love to be able to do is have a different background per page/Category? Is this possible?</p> <p>Thanks for any help. </p>