I've noticed a slight readability problem (at least I think it is) with blog posts, when comparing the index page, and the post itself. Take for example;
On my machine, if you look at the first paragraph 'While photography didn’t exist when our Lord died in 1773, he would have surely agreed that the same can be said for looking, and more importantly studying photography books.'
In the index view, the last word on the first line is, 'agreed' while in the post view, it is 'the'.
For me, I believe that for readability, both the index and the post should appear the same in regards to location on screen and width.
This difference comes about because of the 95px padding-left required on the index view, to fit the post-meta in. Given this, is there anyway I can add 95px padding-left on the blog view, without effecting how it appears on the index? As if I introduce;
Hi Guys,
I've noticed a slight readability problem (at least I think it is) with blog posts, when comparing the index page, and the post itself. Take for example;
http://peterdavidgrant.com/blog/
&
http://peterdavidgrant.com/31-photobooks-on-the-shelf/
On my machine, if you look at the first paragraph 'While photography didn’t exist when our Lord died in 1773, he would have surely agreed that the same can be said for looking, and more importantly studying photography books.'
In the index view, the last word on the first line is, 'agreed' while in the post view, it is 'the'.
For me, I believe that for readability, both the index and the post should appear the same in regards to location on screen and width.
This difference comes about because of the 95px padding-left required on the index view, to fit the post-meta in. Given this, is there anyway I can add 95px padding-left on the blog view, without effecting how it appears on the index? As if I introduce;
article.post .content-inner {
padding-left: 95px;
}
It effects both the index and the post.
Kind regards.
Peter
Hey Peter!
Yes there is a very easy way. Wordpress outputs page/template specific classes in the body of the page so you can use them like this:
.single-post article.post .content-inner { padding-left: 95px; }Cheers
ThemeNectar Support Team
As ever, amazing. You guys rock. Thanks!