http://www.kriesi.at/support/topic/style-page-width Support Forum - Topic: Style page width en-US Thu, 23 May 2013 15:44:35 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/style-page-width#post-97244 Mon, 18 Feb 2013 14:40:36 +0000 Devin 97244@http://www.kriesi.at/support/ <p>Hi Alex,</p> <p>I would say a solid no on a percent width. You'll get all kinds of issues with cross browser compatibility if you try and heavy hand a liquid.</p> <p>You can use the Flexible Grid Gallery option on any page you want to be liquid if you really want to, and I believe it would even work without a theme gallery added in.</p> <p>Doing that will set all the various pieces to work with the main content area being flexible and without much fuss.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/style-page-width#post-97075 Sat, 16 Feb 2013 21:37:46 +0000 alexthefunk 97075@http://www.kriesi.at/support/ <p>Hey Dude,</p> <p>I did try the 100% but it was not working, I know I am being a bit pushy (as the template is stunning and you guys are also giving awesome support) but it would have been nice for some pages as I will be using the Justified-image-grid plugin sometimes! ex: <a href="http://www.alexandremarcphotography.com/ko-bloodline" rel="nofollow">http://www.alexandremarcphotography.com/ko-bloodline</a>. (But this plugin is already helpful with a fix width page anyway, so no big deal)</p> <p>Another good feature of this plugin is that it switches on photoswipe rather than lightbox when the user is on mobile devices but the lightbox from the template is still launching on top of everything (hence my question in post: <a href="http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device" rel="nofollow">http://www.kriesi.at/support/topic/disable-lightbox-on-mobile-device</a></p> <p>If you have another idea?</p> <p>Regards<br /> Alex </p> http://www.kriesi.at/support/topic/style-page-width#post-96672 Thu, 14 Feb 2013 07:03:46 +0000 Dude 96672@http://www.kriesi.at/support/ <p>Yes and no. Yes because the css code supports it - eg use:</p> <pre><code>.page-id-1487 .content .box { width: 100%; }</code></pre> <p>but the entire theme layout and css framework is based on fixed widths - thus the % value doesn't make much sense. Flashlight is not a liquid layout theme or responsive. </p> http://www.kriesi.at/support/topic/style-page-width#post-96570 Wed, 13 Feb 2013 18:00:45 +0000 alexthefunk 96570@http://www.kriesi.at/support/ <p>Great thanks! I did not try with the dash...</p> <p>&gt;&gt; Also, is it possible to set the width on a % rather than a fixed width? It does not look like it ...</p> <p>Regards<br /> Alex </p> http://www.kriesi.at/support/topic/style-page-width#post-96471 Wed, 13 Feb 2013 07:11:05 +0000 Dude 96471@http://www.kriesi.at/support/ <p>Hi! </p> <p> Yes - for pages you need to use:</p> <pre><code>.page-id-1487 .content .box { width: 682px; }</code></pre> <p>and replace 1487 with your custom page id. </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/style-page-width#post-96469 Wed, 13 Feb 2013 07:02:44 +0000 Ismael 96469@http://www.kriesi.at/support/ <p>Hi alexthefunk,</p> <p>Try to use firebug to inspect the class of the body. You can check this video tutorial on how to use firebug: <a href="http://www.youtube.com/watch?v=yOOk3T3_nZ8" rel="nofollow">http://www.youtube.com/watch?v=yOOk3T3_nZ8</a></p> <p>After watching the tutorial, inspect the pages of your site and check the body's class, you should see if its a .page-id-xxx or .post-id-xxx</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/style-page-width#post-96326 Tue, 12 Feb 2013 10:56:26 +0000 alexthefunk 96326@http://www.kriesi.at/support/ <p>Hi Ismael,<br /> Thanks for your answer, but sorry I was not clear.<br /> I am indeed targetting some specific pages, I do not want to apply the styling to all pages and the styling seems to work on specific "posts" but not on specific "pages" ... should I replace the ".postid" by ".pageid" or anything else ?<br /> Any idea?<br /> Regards </p> http://www.kriesi.at/support/topic/style-page-width#post-96276 Tue, 12 Feb 2013 04:18:02 +0000 Ismael 96276@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try to remove the .postid-2052. It means you are targeting a specific page or post with the id 2052. Use this instead</p> <pre><code>.content .box { width: 800px; }</code></pre> <p>Change the width value.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/style-page-width#post-96261 Mon, 11 Feb 2013 23:36:16 +0000 alexthefunk 96261@http://www.kriesi.at/support/ <p>Hi,</p> <p>I am using:<br /> .postid-2052 .content .box {<br /> width: 682px;<br /> }<br /> to style my posts but it does not seem to work on pages (only on posts). How should I do with pages?<br /> thanks</p> <p>Alex </p>