Css – Changing Layout of Blog Post – Gateway Theme

• 

  matchalatteparis · Member · Oct 17, 2016 at 10:21 am

  • Copy link
  • Add topic to favorites

  Hi all,

  I would like to change the layout of the blog post (for instance this one https://matchalatte-paris.com/2016/09/10/featured-content/) for everything to be centered, text blocks to be justified, and I use on the rest of the site a max-width: 50em that works well already on this type of page (https://matchalatte-paris.com/conseil-marketing/)

  Does anybody know where I can find that ?

  Thanks !

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

• 

  siobhyb · Member · Oct 17, 2016 at 2:53 pm

  • Copy link

  Hi there,

  If you’d like to replicate the look the content width that you’ve applied to pages with the full width page template to single posts, then you can do so with the following custom CSS:

  .single-post .site-content {
      max-width: 50em;
  }

  You’ll also need to reduce the right hand margin beside the post’s content (which accounts for any sidebar widget you add) with the following:

  .single-post .site-main {
      margin-right: 0;
  }
  
  .single-post .site-content .widget-area {
      display: none;
  }

  Please note, with the above CSS, any widgets that you add to the sidebar won’t display on single posts. You can get them to display by remove the above snippet.

  Let me know if that helps out or if you have any extra questions.