http://cutline.tubetorial.com/forums-archive/ Cutline Theme Support Forums Topic: Changing width on the sidebars en Fri, 10 Feb 2012 21:16:05 +0000 http://cutline.tubetorial.com/forums-archive/topic/changing-width-on-the-sidebars#post-463 Fri, 19 Oct 2007 07:29:35 +0000 Monica 463@http://cutline.tubetorial.com/forums-archive/ <p>Topic is solved :)<br /> I forgot to change ul.sidebar_list in the stylesheet.</p> <p>Original code:<br /> <code>ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 210px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }</code></p> <p>By adding a new class for left sidebar and changing to &lt;ul class="l_sidebar_list"&gt; in l-sidebar.php it works exactly as I want.</p> <pre><code>ul.l_sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 210px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; } ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 290px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }</code></pre> <p>Best regards<br /> /Monica </p> http://cutline.tubetorial.com/forums-archive/topic/changing-width-on-the-sidebars#post-458 Thu, 18 Oct 2007 18:36:57 +0000 Monica 458@http://cutline.tubetorial.com/forums-archive/ <p>Hi,</p> <p>I tried to change the width of the sidebars by editing the stylesheet, but nothing happens, this is the original code:</p> <pre><code>#container { width: 970px; margin: 15px auto 0 auto; } #content_box { width: 970px; text-align: left; float: left; clear: both; } #content { width: 500px; padding: 0 0 0 20px; float: left; } #sidebar { width: 210px; padding: 0 0 0 15px; float: right; } #l_sidebar { width: 210px; padding: 0 0 0 15px; float: left; } #footer { width: 970px; padding: 1.2em 0 0 0; border-top: 3px solid #000; float: left; clear: both; }</code></pre> <p>to this:<br /> <pre><code>#container { width: 970px; margin: 15px auto 0 auto; } #content_box { width: 970px; text-align: left; float: left; clear: both; } #content { width: 420px; padding: 0 0 0 20px; float: left; } #sidebar { width: 290px; padding: 0 0 0 15px; float: right; } #l_sidebar { width: 210px; padding: 0 0 0 15px; float: left; } #footer { width: 970px; padding: 1.2em 0 0 0; border-top: 3px solid #000; float: left; clear: both; }</code></pre> <p>I have reduced the witdth of the content and and added extra witdth to the right hand sidebar. No matter what values i put in the right sidebars width, it stays the same. It just moves to the left a bit.</p> <p>Any help would be apreciated!<br /> /Monica </p>