Archived topic
'cat-links' and 'entry-meta' outside the inner container
23 replies · Started by sporenborg on April 12, 2023
David, thank you for your additions and your explanations. I am at a loss with regard to your container block [#A] and [#B] explanations. In my opinion, this is exactly how I do it.
Global setting: ELEMENTS > Layout > Full width
1) Container
2) inner container
3) content
If I insert your code @media ..., I still have the problem that in the tablet and mobile view the background colour cannot be displayed borderless on the left and right due to the padding.
Would you please be so kind and create a page / post in the cms backend or edit the testpage (all is still in dev mode) with the parameters that it needs from your point of view? Feel free to play around ...
Where did you add the Container and the Inner Container ?
Hi Dave, I sent you a link in PM.
Hi Guys, do you have any news for me?
Change this CSS:
@media (max-width: 800px) {
.entry-content, footer.entry-meta {
padding: 0 20px;
}
}
to:
@media (max-width: 800px) {
footer.entry-meta {
padding: 0 20px;
}
}
That will leave the extra padding on just the Footer Meta and NOT the content.
Thank you, David.
However, the main problem is still not solved. Is there a solution for this or not? Or am I being too stupid? Then I would like to know what I should do differently.
Thx
That CSS will resolve the post meta issue.
Now for your content.
You have your Container Block (#A) and the inner Container Block (#B)
Select #B and in the block settings:
1. Sizing > Width, set a Max Width eg. 1200px
2. Spacing > Padding. set some padding all round eg. 40px.
Thank you for your patience.
You're welcome