change right margin

  • Author
  • #1194715

    I would like the change the right-side margin of my website so that there is more white space – I don’t like the text running all the way across the page. I couldn’t find a “margin” selector on the style sheet. Is this where I would make the change?

    body.template-front-page .site-content,
    body.single-attachment .site-content,
    body.full-width .site-content {
    width: 100%;

    If so, I would like to change the width to 100%, but I am not sure how it would affect the featured image on the home page. If it pushes it over too much, how and where would I write the CSS inline on the home page so that the width is 100% just for the home page? Thank you.


    Whoops – I meant I want to change the width to 90%


    The left and right margins on your pages, such as , are balanced. Instead of setting a width for the content area (which would break or interfere with the responsive design, it would be better to set either left and right margins, or add left and right padding. This would be my preference.

    #content {
        padding-left: 40px;
        padding-right: 40px;

    You can edit the values as you desire, but I would suggest keeping them the same for balance.

The topic ‘change right margin’ is closed to new replies.