Increasing blog post content width in the Argent theme

saanajaakkola · Member · Sep 29, 2015 at 4:30 am
Copy link

Add topic to favorites
I’m using the Argent theme for my new business (the site is still private as it’s not ready for publishing quite yet).

With other pages and portfolio projects I’m happy with, but I’d like to increase the width of blog posts content. I have tried to figure out the CSS for this by myself but without results.

Could someone advise how to increase the blog post content width on Argent theme? Thanks very much in advance.

Br, Saana

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Sep 29, 2015 at 6:08 am
Copy link
Hi there, you can add the following and adjust the 660px value number as desired. This is targeted at the blog page only by using the blog CSS class declared in the opening HTML body tag.
```
.blog .hentry {
    width: 660px;
}
```
saanajaakkola · Member · Sep 29, 2015 at 6:18 am
Copy link
Thanks so much for your quick reply. I tried it, but unfortunately this CSS didn’t do anything! :-/
thesacredpath · Member · Sep 29, 2015 at 9:08 am
Copy link
I was looking at this page when I figured out the code since you mentioned blog: http://sandria.fi/blogi/ . Are you talking about the blog page itself, or the single blog posts such as this one: http://sandria.fi/2015/09/14/hello-world/ ?
thesacredpath · Member · Sep 29, 2015 at 9:10 am
Copy link
Also, did you change the 660px value? What I”m seeing in your custom CSS is still the 660px value.
saanajaakkola · Member · Sep 29, 2015 at 9:14 am
Copy link
Oh yes, sorry, I wasn’t clear enough. That’s exactly what I mean, so I want to increase the content width within single blog posts, as I suppose the column width there is 490px only.

I’m happy with this 660px that the width is elsewhere (meaning all the pages, including http://sandria.fi/blogi/). I would be happy having the same 660px on single blog posts too.

Thanks so much for your kind help.
thesacredpath · Member · Sep 29, 2015 at 9:32 am
Copy link
Thanks for the clarification. This will target single post pages then.
```
.single .hentry {
    width: 660px;
}
```
Edit the width as desired.
saanajaakkola · Member · Sep 29, 2015 at 4:05 pm
Copy link
Still nothing! :-(
thesacredpath · Member · Sep 29, 2015 at 8:04 pm
Copy link
I see that code, but I do not see that you edited the 660px value and increased it. You have to increase that value as 660px is what it is originally. Remove that and add this.
```
.single .hentry {
	width: 960px;
}
```
Then visit this blog post: https://sandriasisallontuotanto.wordpress.com/2015/09/14/hello-world/
saanajaakkola · Member · Sep 30, 2015 at 3:56 am
Copy link
According to theme specs the original column width on blog posts is 490, not 660px. That’s why I said above that I would be happy to have 660px also on blog posts, cause it looks wide enough on pages.

I tried increasing the width earlier even more than 660px, but because it didn’t work, I didn’t leave it on the blog CSS. Now I changed it to 960px, so maybe you could have a look and then you would understand what I mean: this code aligns the text on the left side, but the text area is still as narrow as it used to be.
thesacredpath · Member · Sep 30, 2015 at 4:48 am
Copy link
I am so sorry. I’m not sure what is going on with my browser web inspector. Replace what I had given you with the following.
```
.single .hentry, .single-post .entry-content {
    width: 960px;
}
```
I had checked this a couple of times and it all worked just fine in my web inspector. I wonder if it played a trick on me.
saanajaakkola · Member · Sep 30, 2015 at 4:52 am
Copy link
Now it works like a charm, thanks so much! :)

I would have never figured this out by myself, so huge thanks @thesacredpath.
thesacredpath · Member · Sep 30, 2015 at 6:17 am
Copy link
Super, and you are welcome.

No items found.