http://www.kriesi.at/support/tags/content-width Support Forum - Tag: content width - Recent Posts en-US Thu, 20 Jun 2013 11:39:39 +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/content-width-above-woocommerce-products#post-79069 Tue, 09 Oct 2012 07:25:41 +0000 Ismael 79069@http://www.kriesi.at/support/ <p>Hi Lawrence,</p> <p>Glad that Devin helped you. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/content-width-above-woocommerce-products#post-79053 Tue, 09 Oct 2012 05:50:54 +0000 kitticraft 79053@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Thank you very much, that's exactly what I was looking for...</p> <p>Best regards,<br /> Lawrence </p> http://www.kriesi.at/support/topic/content-width-above-woocommerce-products#post-78978 Mon, 08 Oct 2012 14:59:09 +0000 Devin 78978@http://www.kriesi.at/support/ <p>Hi Lawrence,</p> <p>Thanks for the visual, 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.archive.woocommerce-page .title_container { padding-right: 0; }</code></pre> <p>That should do it!</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/content-width-above-woocommerce-products#post-78773 Sat, 06 Oct 2012 10:27:39 +0000 kitticraft 78773@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Thank you for taking a look at my problem; I accept that often what appears to be simple is not simple to implement. I however am not sure if I have described my requirement properly, so I have chosen to make a mockup image to better illustrate what I am trying to achieve.</p> <p>Currently when I put content into my "Shop" page, the content appears left justified with a large space on the right as shown here(indicated by the red outline):<br /> <a href="http://kitticraft.staging.wpengine.com/download/KCImg1.jpg" rel="nofollow">http://kitticraft.staging.wpengine.com/download/KCImg1.jpg</a></p> <p>What I am trying to achieve is to have the content take up the remaining space on the right as shown here:<br /> <a href="http://kitticraft.staging.wpengine.com/download/KCImg2.jpg" rel="nofollow">http://kitticraft.staging.wpengine.com/download/KCImg2.jpg</a></p> <p>Is this unobtainable as you describe above?</p> <p>Thanks,<br /> Lawrence </p> http://www.kriesi.at/support/topic/content-width-above-woocommerce-products#post-78659 Fri, 05 Oct 2012 13:02:33 +0000 Nick 78659@http://www.kriesi.at/support/ <p>Hi,</p> <p>You would have to rebuild multiple templates. There are not many themes out there that offer this functionality. You have to place the entire sidebar price structure right on top of the store, in a div and then use floats, margins, padding to keep it in place while making room for the content. blackjackchamp.com uses such a structure to keep the right sidebar in place but the code will crash every single css validator despite somehow working in all browsers. Most sites just leave that empty space alone, or place something sticky there that stays with the visitor as they scroll up and down.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/content-width-above-woocommerce-products#post-78385 Wed, 03 Oct 2012 12:24:09 +0000 kitticraft 78385@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm trying to add content above my products on my WooCommerce Shop page, the width seems to stop right before the "sort by" drop down. How can I get the content to span the entire width of the container and flow under the sorting dropdown?</p> <p>See: <a href="http://kitticraft.staging.wpengine.com/shop/" rel="nofollow">http://kitticraft.staging.wpengine.com/shop/</a></p> <p>Thanks,<br /> Lawrence </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/sidebar-issue-1#post-50819 Mon, 09 Apr 2012 20:59:21 +0000 Ismael 50819@http://www.kriesi.at/support/ <p>Hello,</p> <p>On what resolution, this problem occur?</p> <p>Try to drop this line on your custom.css</p> <p>@media screen and (max-width: 1024px) {</p> <p> #top .sidebar2 {<br /> left: 1200px;<br /> }</p> <p>}</p> <p>This will affect users using 1024px width resolutions. Try to change max-width value according to the resolution where the problem occurs. You may want to experiment on #top .sidebar2 because I am not sure if it's going to work. Hopefully this will move the sidebar 300px more to the left. </p> http://www.kriesi.at/support/topic/sidebar-issue-1#post-50561 Sun, 08 Apr 2012 03:53:44 +0000 fteixeira 50561@http://www.kriesi.at/support/ <p>Still needing your help... as well as JoeLamari.</p> <p>Please? </p> http://www.kriesi.at/support/topic/sidebar-issue-1#post-50158 Thu, 05 Apr 2012 15:49:25 +0000 fteixeira 50158@http://www.kriesi.at/support/ <p>The printscreens were giving a 404.<br /> It's working again now. </p> http://www.kriesi.at/support/topic/sidebar-issue-1#post-50090 Thu, 05 Apr 2012 05:16:17 +0000 JoeLamari 50090@http://www.kriesi.at/support/ <p>I get the same random transparencies on my pages using Chrome+OS X using a black background as stated in Fabio's comment. </p> <p>I am using revision 1.5.2 of Flashlight. They go away and reappear as I scroll the page. It looks as though the background is partially in front of the page.</p> <p>Thanks,<br /> Joe </p> http://www.kriesi.at/support/topic/sidebar-issue-1#post-50088 Thu, 05 Apr 2012 04:42:23 +0000 fteixeira 50088@http://www.kriesi.at/support/ <p>Hello Devin,</p> <p>My wordpress wasn't live until a few minutes ago — <a href="http://www.fabioteixeira.com/blogue/" rel="nofollow">http://www.fabioteixeira.com/blogue/</a> —, and although I can't seem to replicate this bug now, there's another weird thing happening. </p> <p>As you can see in these printscreens — <a href="http://bit.ly/Hu6VEs" rel="nofollow">http://bit.ly/Hu6VEs</a> &amp; <a href="http://bit.ly/I21dKT" rel="nofollow">http://bit.ly/I21dKT</a> — the sidebar doesn't hide behind the blog content anymore as I had reported earlier, but now there's no horizontal scrollbar. Confirmed this on several browsers, both Win7 and OS X 10.6.8. I suppose this isn't meant to happen, or else whoever happens to access my website using a small screen resolution won't be able to navigate normally.</p> <p>The code I added to custom.css was the one Dude pointed me on another topic:</p> <p><em>.content .box {<br /> width: 600px;<br /> }</p> <p>#top .sidebar2 {<br /> left: 932px;<br /> }</em></p> <p>There's also another bug to report, which I only came across on Chrome+Win7 so far. In this case — <a href="http://bit.ly/HfNaqD" rel="nofollow">http://bit.ly/HfNaqD</a> — when I scroll down on the blog page, I get random transparencies behind the images and white squares over the images.</p> <p>Last request: is there an easy way to code a single background image on all the pages? I now there's an option to set a default picture but since I won't be using the background galleries I'd rather avoid having the same background image loading everytime a new page is opened.</p> <p>Hope you can help me.</p> <p>Thank you in advance,<br /> Fabio </p> http://www.kriesi.at/support/topic/sidebar-issue-1#post-49594 Mon, 02 Apr 2012 19:46:57 +0000 Devin 49594@http://www.kriesi.at/support/ <p>Hi fteixeira,</p> <p>Can you give a link to the site? We'll need to take a look at the css live to see what has been changed and test it out in browser.</p> <p>Thanks,</p> <p>Devin </p> http://www.kriesi.at/support/topic/sidebar-issue-1#post-49351 Sat, 31 Mar 2012 18:39:41 +0000 fteixeira 49351@http://www.kriesi.at/support/ <p>Anyone? </p> http://www.kriesi.at/support/topic/about-content-width#post-49195 Fri, 30 Mar 2012 09:00:22 +0000 Dude 49195@http://www.kriesi.at/support/ <p>Hi! </p> <p> It's the right place - this mod won't break anything. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/sidebar-issue-1#post-49167 Fri, 30 Mar 2012 05:45:24 +0000 fteixeira 49167@http://www.kriesi.at/support/ <p>Hello there again,</p> <p>I asked you earlier for help changing content width to 600 pxs. Followed your suggestion and everything looks fine except this thing I just noticed.</p> <p>On a small browser window, the sidebar will get partially hidden behind the content, as you can see in print-screen #2.</p> <p>Any tips on how to solve this? I would really appreciate the help.</p> <p>print-screen #1<br /> <img src="http://dl.dropbox.com/u/14130871/fteixeira_01.jpg"></p> <p>print-screen #2<br /> <img src="http://dl.dropbox.com/u/14130871/fteixeira_02.jpg"> </p> http://www.kriesi.at/support/topic/about-content-width#post-49061 Thu, 29 Mar 2012 16:03:21 +0000 fteixeira 49061@http://www.kriesi.at/support/ <p>Well, I replaced <em>the_excerpt</em> with <em>the_content</em> in line 118 of loop-index.php.</p> <p>Now it shows the full content of my posts.</p> <p>Hope I didn't mess around in the wrong place... </p> http://www.kriesi.at/support/topic/about-content-width#post-49037 Thu, 29 Mar 2012 12:44:17 +0000 fteixeira 49037@http://www.kriesi.at/support/ <p>Hi Ismael, thank you for your answer, but it seems I didn't make myself clear.</p> <p>What I mean is, for instance, if you check Flashlight's demo at <a href="http://www.kriesi.at/themes/flashlight/blog/" rel="nofollow">http://www.kriesi.at/themes/flashlight/blog/</a>, the first blog post ends with [...]. You can only read the full post if you click the title.</p> <p>What I'd like is to show full posts straight away on the main blog page (in this case showing all the photos and text), since I don't like having excerpts, "read more" buttons, or having to click the post.</p> <p>My old blog posts all have photos and they don't show up on the main blog page, only when you are in the single post page.</p> <p>Thanks. </p> http://www.kriesi.at/support/topic/about-content-width#post-48999 Thu, 29 Mar 2012 08:39:12 +0000 Ismael 48999@http://www.kriesi.at/support/ <p>Hello,</p> <p>You can increase the size of post lines Settings &gt; Writing &gt; Size of the post box. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/about-content-width#post-48940 Thu, 29 Mar 2012 02:26:15 +0000 fteixeira 48940@http://www.kriesi.at/support/ <p>Thank you, Dude!</p> <p>And another thing: how do I display full content on the main blog page? Instead of having posts cut off by "[...]" </p> http://www.kriesi.at/support/topic/about-content-width#post-48711 Wed, 28 Mar 2012 05:56:29 +0000 Dude 48711@http://www.kriesi.at/support/ <p>Hi! </p> <p> You can't change the width of the content area without affecting the sidebars, etc. </p> <p>Try to add following code to css/custom.css:</p> <pre><code>.content .box { width: 600px; } #top .sidebar2 { left: 932px; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/about-content-width#post-48706 Wed, 28 Mar 2012 04:26:11 +0000 fteixeira 48706@http://www.kriesi.at/support/ <p>Hello there and thank you for an amazing theme! It has everything I could ask for.</p> <p>There's just one change I'd like to make so Flashlight fits my needs like a glove. I'd really, really appreciate if you could let me know if there's an easy way to make all content 600 pxs wide without messing up sidebars, thumbnails and stuff. This is specially important for the blog and single posts, but it would be perfect to have it in pages too. I'm no expert so going all John Rambo on the code would probably mess up this beautiful theme.</p> <p>Thank you in advance, I'd appreciate any help. </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>