WordPress.org

1. Ronnie
   Member
   Posted 6 months ago #

   The Google+ badge is a fixed width of 300 pixels and so I need to edit my other badges and the sidebar itself to suit.

   I've done the badges but don't know how to change the width of the sidebar, can anyone please help?

   http://www.ronniewhittaker.com/?cat=16

2. Tom Eschemann
   Member
   Posted 6 months ago #

   Hi,
   You have to edit your style.css file by replacing :

   .sidebar {
   background: url(images/sidebar-divider.png) 0 0 repeat-y;
   padding: 0 0 0 29px;
   margin-top: 30px;
   position: relative;
   width: 260px;
   float: left;
   overflow: hidden;
   }

   by :

   .sidebar {
   background: url(images/sidebar-divider.png) 0 0 repeat-y;
   padding: 0 0 0 29px;
   margin-top: 30px;
   position: relative;
   width: 300px;
   float: left;
   overflow: hidden;
   }

   You will however have to change the width of your content block to 595px, otherwise the sidebar will not be able to float left to the content.

3. Ronnie
   Member
   Posted 6 months ago #

   thanks tom

   would you know please which value i should change here within the content ifo?

   [CSS moderated as per the Forum Rules. Please just post a link to your site.]

4. Tom Eschemann
   Member
   Posted 6 months ago #

   Change this :

   .content {
   float: left;
   width: 625px;
   padding: 15px 25px 0 10px;
   overflow: hidden;
   }

   to this :

   .content {
   float: left;
   width: 595px;
   padding: 15px 25px 0 10px;
   overflow: hidden;
   }

5. Ronnie
   Member
   Posted 6 months ago #

   thanks for your time, much appreciated

Reply

You must log in to post.