Hi Marc, looks like you found a similar post where I explained the issue here:
https://wordpress.org/support/topic/putting-simple-html-code-in-post?replies=9&view=all#post-7653258
The styling of the posts grid is only intended for the Blog page. But since you’ve placed the grid code on a single post, the CSS to style them as if they were on the blog page isn’t being applied — because they’re not on the blog. The blog has the class .blog and you can find those styles in the stylesheet.
If you wanted them to work on the single posts, you’d need to give them a class and then rejig the CSS to work with it. It’d take a bit of work.
It sounds like a great idea for you and the other user to collaborate, since you both are trying to do the same thing. Feel free to use this thread to do that (or post your solution) in case it helps others in the future. It will take some experimentation as the theme is only designed to display the posts grid on the blog page.
Hi Kathryn,
Well it proofs a bit more complex since the fist square box is in a head, so I decided to go a little drastic and remove the head in my child theme from content-page.php and moved all the .blog related CSS lines from the themes style.css and added them into my child theme style.css (and changing .blog to .page)
I’m just working my way through the whole CSS to make the site look the way the site owner would like it to. she is an amazing photographer, and I’ll be happy to share the URL once the site is gone live 🙂
But many thanks for pointing us into the right direction!
Happy wORDpRESSiNG,
Marc
PS: Would be really nice to get this as a Theme Page Template, instead of my hack one day 😉
