-
Posts
-
Hi there!
For my blog posts, I’d like to have a similar layout as this post: http://www.sidetracked.com/maniflowba/
Which means:
1/ Full width header // OK
2/ Full screen image at the top // OK
3/ Almost full width 2/3 + 1/3 Texts (in order to let some space for the previous/next post button on the side)
4/ Almost full width images (in order to let some space for the previous/next post button on the side)For some reasons I can’t get exactly what I’d like for 3/ and 4/.
This is what I did:
3/ I have added a grid row with two cells (2/3 + 1/3). Then I’ve added a text block in each cell and edited the margin of each cell in order to let some space for the previous/next post button on the side. Problem is, there is a left/right margin around the text in the 2/3 cell. Because of this, the text in this cell is kind of in the middle of the cell and not aligned on the left. There’s no such margins on the 1/3 cell. I think I found where to change that in my child theme style.css.
4/ I have added a grid row with a 1/1 cell. Then I’ve added an image and edited the margin of the cell in order to let some space for the previous/next post button on the side.I’m sure there’s a better way than editing every single margin of every single cell to have the same content width on all the website (editing the general layout in the theme options won’t change anything as far as text in blog posts goes).
Merci :)
Hey iclo,
Could you paraphrase the question please. I see you did very well at the bottom, but I don’t understand what are you trying to accomplish with the texts on top.
When you like what you have done and you know you will have pages same as this, you can save the page as template and then just edit new pages made with the template.
Best regards,
VictoriaThanks @Victoria for your reply.
Does it mean that I have to edit every single margin of every single cell on every single page? With more than 300 blog posts, it will take forever…
Also, to have 2/3 + 1/3 text sections just like in the example on Sidetracked, is it better to insert grid rows with 2/3 + 1/3 cells or directly 2/3 + 1/3 cells with no grid row?
Merci :)
Hi iclo,
I think it’s better to use grid rows. And like I said, you can polish one blog post and make all the css adjustments and then save your work as a template. Then you will not have to rebuild it all the time and it may take some minor adjustments later.
And yes, when you build custom pages like that you’ll have to edit margins, unless you give those sections id or classes and make custom rules for them, which will always apply.
These are two strategies I see for now.
Let us know if you have any more questions.
Best regards,
Victoria
- You must be logged in to reply to this topic.