Cutline Theme Support Forums

Cutline Theme Support Forums » Cutline Theme Support Forums

1. Monica
   Member

   Hi,

   I tried to change the width of the sidebars by editing the stylesheet, but nothing happens, this is the original 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; }

   to this:
   

   #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; }

   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.

   Any help would be apreciated!
   /Monica

   Posted 2 years ago #

2. Monica
   Member

   Topic is solved :)
   I forgot to change ul.sidebar_list in the stylesheet.

   Original 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; }

   By adding a new class for left sidebar and changing to <ul class="l_sidebar_list"> in l-sidebar.php it works exactly as I want.

   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; }

   Best regards
   /Monica

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.