Making the Sidebar Narrower

  • Resolved Just Ard

    (@just-ard)


    10 years, 6 months ago

    The sidebar on my blog is the usual width, but I would like it narrower as there is a lot of space and I would like to have that extra space on the main part of the page.

    Anybody help?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Just Ard

    (@just-ard)

    10 years, 6 months ago

    I worked it out, so here is the CSS. I just have to work our how to expand the main area.

    .right_sidebar {
    width: 20%;
    float: right;
    }

    The width can be changed in px or %.
    The Sidebar was aligned to the left so I included the float: right; and it is aligned to the right.

    All I need to do is work out how to expand the main content area.

    Thread Starter Just Ard

    (@just-ard)

    10 years, 6 months ago

    Sorted. I thought I would put it here for others to use. I don’t know if this is the correct coding or not but it works.

    /* Sidebar Width */
    .right_sidebar {
    width: 20%;
    float: right;
    }

    /* Blog Width */
    .col-md-8 {
    width: 80%;
    }

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Making the Sidebar Narrower’ is closed to new replies.