Archived topic
Spacing / Boarder Issue
3 replies · Started by Ella on August 10, 2022
Hello,
I created a new page from scratch and thought it would match the boarders already in place, but it seems like it doesn't. It looks perfect on desktop, but on mobile, the text goes to the very edge of the screen. How can I find what the boarder size is on all of my other pages then adjust it to match and will I need to adjust it on desktop and mobile or just mobile? As I didn't actually set anything up for desktop either.
Here's the page I'm referring to: https://www.forgettingfairytalescoaching.com/faqs/
Thanks so much for your help!
Best wishes,
Ella
Hi Ella,
The page's content container is set to full width, so all the theme paddings will be removed.
I see that you are using a GB container block to wrap the content, you just need to add some left/right padding for this container.
How can I find what the boarder size is on all of my other pages then adjust it to match and will I need to adjust it on desktop and mobile or just mobile?
Can you link us to a page where we can see the border?
Could we match it to this page? https://www.forgettingfairytalescoaching.com/about/
And actually, does it look like my boarders are the same on all? Here's another key page: https://www.forgettingfairytalescoaching.com/breakup-coaching/
Thanks for looking into it for me! Much appreciated!
Hi there,
so all 3 of those pages uses the same layout ie.
the GP content container is set to Full Width. Which gives you a 100% wide page with no theme padding.
the first Block on those Pages is a GB Container Block, and all the page content is inside that Container Block.
The difference between the pages.
The About Page and Coaching Page have padding on that first Container Block. The FAQ Page does not.
So to fix that edit the FAQ Page and:
1. Open the block list view
2. Select the Container Block that has your content inside
3. Set the blocks Spacing > Padding to: T: 10px R: 40px B: 40px L: 40px
