WordPress.org

1. isilon
   Member
   Posted 3 years ago #
   

   I'm running the latest Inove template and I'm attempting to reduce the sidebar. I've change the following portion of the style.css by increasing the main area and decreasing the sidebar:

   #main {^M
           background:#FFF url(img/main_shadow.gif) top repeat-x;^M
           width:705px;^M
           padding:13px 15px 15px;^M
           float:left;^M
           overflow:hidden;^M

   #sidebar {^M
           background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;^M
           width:200px;^M
           float:right;^M
           font-size:95%;^M
           line-height:145%;^M
           overflow:hidden;^M
           padding-top:8px;^M

   The problem is using Firefox towards the bottom of the post there is a vertical portion of the page that is still not moved over?

   http://atlas.r33se.com/wordpress/2009/12/google-namebench-helps-find-happy_5666/

2. isilon
   Member
   Posted 3 years ago #
   

   IE is also being affected:

   http://atlas.r33se.com/wordpress/2009/12/i-certified-to-handle-ninjas-and-stuff_3147/

3. alchymyth
   The Sweeper & Moderator
   Posted 3 years ago #
   

   that grey area with the darker grey border is from a background image:
   img/sidesep.gif (width 301px height 1px)
   which is used in following style from style.css:
   

   #content {
   	background:#FFF url(img/sidesep.gif) right repeat-y;
   	min-height:400px;
   }

4. isilon
   Member
   Posted 3 years ago #
   

   So I need to resize sidesep.gif to be 201px instead?

5. isilon
   Member
   Posted 3 years ago #
   

   @alchymyth, resizing did the trick. Thanks!

6. .Net Follower
   Member
   Posted 2 years ago #
   

   Hello!
   Here http://dotnetfollower.com/wordpress/2010/12/get-the-smaller-sidebar-of-inove-theme/ I described how to decrease width of sidebar of inove theme.
   Thanks!

Topic Closed

This topic has been closed to new replies.