How to center main body

  • Hi all,

    I’m wanting to remove the blank space to the right of the sidebar but various attempts do not seem to be working. I’m not sure whether it would be better to center the whole page, or just move the sidebar further across.

    Any suggestions on what would work and how to implement are appreciated.

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

  • Hi,

    Have you tried adjusting the percentage widths of your #main and #secondary divs? They are currently set to 57.5% and 14%, which leaves a lot of room for white space on the right. You could also experiment with adding some margin to #page.

    Johnna

    Thread Starter hfcoal

    (@hfcoal)

    Hi,

    I feel like this should be a really simple fix but I can’t seem to get anything to work.

    Any more explicit instructions on how to fix this would be really appreciated – trying to fix the website for a place I’m volunteering at and my already limited CSS knowledge seems to be failing me now!

    Thanks

    Hi,

    It is pretty simple, if you have JetPack installed so you can take advantage of custom CSS. For reference, have a look here:

    JetPack custom CSS

    Try adding this CSS code:

    .site-main {
    width: 70% !important;
}

.sidebar-left {
    width: 25% !important;
}

    You may have to tweak the percentage widths, but that’s the general idea.

    hi
    for set body to center of page
    just set this code to end of theme css

    body{
width:80%;
margin:0 auto;
}

    you can change 80% to any number that you want

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to center main body’ is closed to new replies.