http://www.kriesi.at/support/tags/page-width Support Forum - Tag: page width - Recent Posts en-US Sat, 25 May 2013 12:19:11 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/making-page-width-wider#post-86728 Thu, 06 Dec 2012 06:33:27 +0000 Devin 86728@http://www.kriesi.at/support/ <p>Hi Bruno,</p> <p>Yes you can by targeting the class for those page types in the top ID. So for the category page it would be:<br /> <pre><code>#top.tax-product_cat.woocommerce-page .content .box { min-width: 430px; width: 430px; }</code></pre> <p>For a single product:<br /> <pre><code>#top.single-product .content .box { min-width: 430px; width: 430px; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-86623 Wed, 05 Dec 2012 14:06:15 +0000 bruwa 86623@http://www.kriesi.at/support/ <p>Hi,</p> <p>I wanted to increase the width of the product category page to allow the images to be displayed in bigger size.<br /> So I used the code indicated in this post:<br /> .content .box {<br /> min-width: 430px;<br /> width: 430px;<br /> }</p> <p>This also increased the width of the single-product page.<br /> Can I define a different width for the product-category pages and the single-product pages, respectively? How &amp; where?</p> <p>Thanks,</p> <p>Bruno </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-84930 Thu, 22 Nov 2012 02:40:19 +0000 Ismael 84930@http://www.kriesi.at/support/ <p>Hi livkay,</p> <p>Glad that we could help. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-84919 Wed, 21 Nov 2012 22:06:16 +0000 livkay 84919@http://www.kriesi.at/support/ <p>Great, thanks so much for your help! </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-84489 Mon, 19 Nov 2012 01:17:33 +0000 Ismael 84489@http://www.kriesi.at/support/ <p>Hi,</p> <p>You can adjust that on your custom.css</p> <pre><code>.page-id-13 .sidebar.sidebar2.box { left: 1000px!important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-84476 Sun, 18 Nov 2012 20:12:57 +0000 livkay 84476@http://www.kriesi.at/support/ <p>I used<br /> .content .box {<br /> min-width: 430px;<br /> width: 430px;<br /> }<br /> but on the blog page, the right sidebar now sits under the main cotent area. <a href="http://daryapress.com/test/blog/" rel="nofollow">http://daryapress.com/test/blog/</a><br /> Can you help?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-66657 Fri, 20 Jul 2012 02:04:11 +0000 Mya 66657@http://www.kriesi.at/support/ <p>Shfaya,</p> <p>Can you post a link to your website so we can take a look?</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-66102 Tue, 17 Jul 2012 13:33:36 +0000 shfaya 66102@http://www.kriesi.at/support/ <p>When I resize the content box this way the right side bar gets hidden behind. It should move as the witdth grows but it doesn`t can you fix this? </p> http://www.kriesi.at/support/topic/changing-the-default-width-of-the-page-and-widget-size#post-39977 Fri, 03 Feb 2012 07:58:47 +0000 Dude 39977@http://www.kriesi.at/support/ <p>Hey,<br /> you can change the width(s) in style.css - search for following code:<br /> <pre><code>#content { float: right; margin: 0; overflow: hidden; position: relative; width: 640px; }</code></pre> <p>and:<br /> <pre><code>#sidebar { float: left; margin-right: 50px; overflow: hidden; position: relative; width: 250px; }</code></pre> <p>Adjust the width values (and margin-right value if you like) as required. </p> http://www.kriesi.at/support/topic/changing-the-default-width-of-the-page-and-widget-size#post-39871 Thu, 02 Feb 2012 18:22:22 +0000 steveaz 39871@http://www.kriesi.at/support/ <p>Can anyone tell me where to edit the default width of the page and blog post. Also the widget area as well. </p> <p>I need about 40 more PX on the page and 40 less PX on the widget side. My theme is display. Check out this page. <a href="http://www.steveolsongroup.com/homes-for-sale-details/3822-N-36TH-STREET-PHOENIX-AZ-85018/4710039/123/" rel="nofollow">http://www.steveolsongroup.com/homes-for-sale-details/3822-N-36TH-STREET-PHOENIX-AZ-85018/4710039/123/</a></p> <p>The property cuts off at the end just barely. Thoughts? </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-39339 Mon, 30 Jan 2012 18:18:08 +0000 holstphoto 39339@http://www.kriesi.at/support/ <p>Ah dont worry about previous post, I found it </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-39338 Mon, 30 Jan 2012 18:12:55 +0000 holstphoto 39338@http://www.kriesi.at/support/ <p>Hi </p> <p>Thanks for the great theme, it rocks, beautiful and quick.<br /> I have followed the instruction to make the page wider with codes above, however the right sidebar is being hidden under the content, how do I adjust code for this.?<br /> to move the sidebar over more to the right. </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36912 Sat, 07 Jan 2012 22:47:44 +0000 kolzow 36912@http://www.kriesi.at/support/ <p>hmm tried the specific post id with out success, drop it into the quick css. the page is meganredmond.com/tour </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36876 Sat, 07 Jan 2012 12:58:06 +0000 Dude 36876@http://www.kriesi.at/support/ <p>You can try:<br /> <pre><code>.single-post .content .box, .page .template-blog.content .box { min-width: 430px; width: 650px; }</code></pre> http://www.kriesi.at/support/topic/making-page-width-wider#post-36835 Sat, 07 Jan 2012 00:49:32 +0000 hotspot01 36835@http://www.kriesi.at/support/ <p>Is there a way to make this code work so that only 'Posts' are wider but 'Pages' remain normal? I want to make my blog posts wider but leave everything else the same. I also don't want to have to add this code for every post I make. </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36747 Fri, 06 Jan 2012 08:00:22 +0000 Dude 36747@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36714 Thu, 05 Jan 2012 19:45:08 +0000 hotspot01 36714@http://www.kriesi.at/support/ <p>Worked like a charm! thanks. </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36710 Thu, 05 Jan 2012 19:32:15 +0000 Dude 36710@http://www.kriesi.at/support/ <p>The body tag of each page/post/archive, etc. offers a page/post specific class. You can see it in the html source code (right click &gt; view source code) Then add it to the previous posted code like:<br /> <pre><code>.postid-437 .content .box { min-width: 430px; width: 650px; }</code></pre> <p>The code above would affect the post with the id 437. </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36674 Thu, 05 Jan 2012 13:44:44 +0000 hotspot01 36674@http://www.kriesi.at/support/ <p>This code worked great for me as well. However I would like to make the content area on the Contact page and another page a different. Is there something that I can add to this code to make that possible?</p> <p>.content .box {<br /> min-width: 430px;<br /> width: 650px;<br /> } </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36372 Mon, 02 Jan 2012 19:17:17 +0000 kolzow 36372@http://www.kriesi.at/support/ <p>To do this on a specific page , what would i add? </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-36190 Fri, 30 Dec 2011 12:41:21 +0000 kscooley 36190@http://www.kriesi.at/support/ <p>Perfect! I was just looking for this info here and couldn't find it through search. (Was checking for content width, not page.) Added the code, adjusted and it works like a charm. Thanks, Dude! </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-30314 Mon, 24 Oct 2011 05:17:32 +0000 Dude 30314@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-30298 Sun, 23 Oct 2011 23:00:52 +0000 d40 30298@http://www.kriesi.at/support/ <p>Worked great - thanks. </p> http://www.kriesi.at/support/topic/making-page-width-wider#post-30246 Sun, 23 Oct 2011 08:01:00 +0000 Dude 30246@http://www.kriesi.at/support/ <p>Hey,<br /> in css/custom.css add following code and adjust the width values:<br /> <pre><code>.content .box { min-width: 430px; width: 430px; }</code></pre> http://www.kriesi.at/support/topic/making-page-width-wider#post-30203 Sat, 22 Oct 2011 20:43:35 +0000 d40 30203@http://www.kriesi.at/support/ <p>Hi,</p> <p>I can often dig through the code and figure things like this out, but your PHP is fairly complex...</p> <p>I need to make the width of a page (and maybe the blog post page) wider. I need more room for the content, expecially since I'll need to embed video.</p> <p>Could you point me in the right direction to do this?</p> <p>Thanks,<br /> D40 </p>