Change page width of blog posts only in Argent
-
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)
-
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?
-
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%; }
- The topic ‘Change page width of blog posts only in Argent’ is closed to new replies.