Change page width of blog posts only in Argent

• 

  fieldsphotographylondon · Member · Mar 6, 2016 at 12:45 pm

  • Copy link
  • Add topic to favorites

  Hi there, I’m trying to change the width of my blog posts in Argent theme – however, when I change the CSS (as advised in this forum https://en.forums.wordpress.com/topic/increasing-blog-post-content-width-in-the-argent-theme?replies=13), it is changing the width of all pages. For instance, when I got to a project page the alignment is all out again! Where am I going wrong please? I am changing the CSS by clicking on the ‘customise’ tab that comes up at the bottom of the page.

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

• 

  fieldsphotographylondon · Member · Mar 6, 2016 at 1:03 pm

  • Copy link

  Update – I think I’ve managed to do like this:

  .blog .single .hentry, .single-post .entry-content {
  width: 660px;
  }

  However, if I go above 660 the column is no longer centred on the page. Can I fix this?

• 

  thesacredpath · Member · Mar 10, 2016 at 7:21 pm

  • Copy link

  Hi there, there are a number of things we need to change to increase the width of the blog and single post pages. Remove what you have and add the following. It appears to work just fine for me on all devices/screen sizes, but make sure and test on tablet and phone also, if you can.

  .blog .hentry, .single-post .hentry, .single-post .comments-area {
      margin-left: auto;
      margin-right: auto;
      max-width: 800px;
      padding-left: 2em;
      padding-right: 2em;
      width: 100%;
  }