Forums

How can I change sidebar width size? (5 posts)

  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.

About this Topic

Tags

No tags yet.