Posts v Pages styling

[Colin]

Colin

June 7, 2014 at 4:42 pm

Hi Ben – I’ve tied myself in knots!

I did a ‘proof of concept’ styling on a basic post a few days ago – see the semi-transparent background behind the complete post entry and sidebar here:
*Login to see link
I basically hung my styling on the ‘single-article’ class on the div which also has the class reference of ‘row’.

Then I thought I would replicate this on a basic page:
*Login to see link
It had the same div but this time only referenced by ‘row’. Adding the same ‘single-article’ class into the ‘row’ div in what I thought were ‘likely suspect’ template files (into a child theme) didn’t produce the required styling.

First problem was that you use the Roots framework, so tracking down the right template file is not quite as straightforward as usual. But I am sure I could have mastered that for a few minor edits.

More of a problem was comparing the page source of a basic post with that of a basic page. I did what I usually do and constructed a basic div skeleton chart. And the structure of the content zone is totally different. The H1 tag is within the ‘row’ div in the post and outside it (within its own div structure) in the page. And clicking between the post and page does indeed show some differences in the positions of the heading and the start of the body text.

So can I ask which of the two structures is the intended one and thus safer to style to? I’ll probably edit the ‘wrong’ template files to match the ‘right’ ones.

I can email you my single page PDF chart if it helps.

Best wishes, Colin