Centering Blog Layouts on Sela Theme

  • Unknown's avatar
    macouinc · Member ·

    I am trying to adjust my blog posts as well as my blogs page to a full width layout. Our site is mainly center aligned and we would like to make our blogs as well. Any suggestions with CSS coding that would adjust it for both our PC and Mobile versions?

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, to center the content on your blog page, add the following to your custom CSS. 

    .content-area {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

    You will notice that it looks a little to the left. That is due to the fact that the featured image is pulled slightly to the left. If you wish to make this more even, you can also add the following to your custom CSS. 

    .post-thumbnail {
    margin-left: -5.1%;
}

    This will center the featured image.

  • The topic ‘Centering Blog Layouts on Sela Theme’ is closed to new replies.