Changing main blog feed width

  • Unknown's avatar
    homegrownkate · Member ·

    Hi there,
    Is there a way of creating more space between my main blog feed and my side widget? I really like the Sela theme, but feel that the 2 columns are too close together when viewed on a desktop. Obviously it’s different on a tablet and mobile.
    Thanks very much, Kate.

    The blog I need help with is: (visible only to logged in users)

  • staff-jeanpierreac · Staff ·

    Hi

    Let me explain who the layout is distributed in terms of percentage of .site-content width. To have an idea 100% would be as width as the light green menu bar.

    Now you have an almost 69% width .content-area (your main blog feed) floated to the left and a 21,2% .sidebar-widget-area, floated to the rigth. That would mean you have a 10% separation among them… where it is? This 10% is splited into three parts: there is a 4.6% width space to the left of .content-area and a 4.6% width space to the right of sidebar… so the real space from .content-area to sidebar is about .8% :)

    You can tune all these values. This example let a 5% space (100%-2%-2%-69%-22%):

    .site-content {
    padding-left: 2%;
    padding-rigth: 2%;
}
.content-area {
    width: 69%;
}
.sidebar-widget-area {
    width: 22%;
}

    I hope this helps.

  • The topic ‘Changing main blog feed width’ is closed to new replies.