- This topic has 16 replies, 2 voices, and was last updated 7 years, 2 months ago by
.
-
Posts
-
I am trying to create page sections and split them apart in separate containers. Is there a simple way to do this? https://www.ashland-freemasons.org
An example of what I am talking about is on my What is Freemasonry page I have created the sections but I want the header and the body sections to be split containers.
Customer Support
Hi Michael,
I’m not quite sure what you mean…looks like the header is already split with the content and you are using separate containers already?
Are you talking about a feature like Sections?
https://docs.generatepress.com/article/sections-overview/Let me know.
Yes, Sections feature but I want the sections split in to their own boxes with padding around them. I wanted to know if this was possible.
So sections inside sections?
You can try using Lightweight Grid Columns in sections: https://en-ca.wordpress.org/plugins/lightweight-grid-columns/
If this is still not what you want, can you show me an example of what you are trying to achieve?
I don’t know how to better explain this. For the body how it sits in a square container. I want to break that square into multiples and have several squares on one page. Each with its own body of text.
You can insert multiple sections and they will each have their box? Right now doesn’t look like you are using sections yet.
Let me know.
When I create the sections it still puts them in the same box.
https://goo.gl/photos/FbymC1SD3ZpSEiPN8
The top drawing is what it does the bottom is what I want to have happen. The large square is the page the smaller square inside the body where your text sits. Sections when I test doesn’t split the boxes. It just sections off the context but doesn’t create a visual square such as my crude drawing.
Ok try adding sections with this CSS:
.generate-sections-container { margin-top: 20px; }Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if we are getting closer.
This is it, however now my footer and the last section have no spacing between them?
http://www.ashland-freemasons.org on the what is freemasonry page.also how do i add a white border around only one of the sections?
Just leaving the office for a couple hours. Keep building the page and sums up all the questions you have then I’ll answer them together when I get back 🙂
Doesn’t look like you are using Sections on this page? https://ashland-freemasons.org/index.php/what-is-freemasonry/
I turned it off for now to not have broken aesthetics. But the issue is when I used your suggested code it worked but I also need space now between the footer and the bottom of the last section. Otherwise it gets shoved on top of the footer with no padding or margin whichever the term is
- You must be logged in to reply to this topic.