Archived topic
How to get a consistent left alignment?
1 reply · Started by Michael on July 10, 2021
Dear GeneratePress Team,
When placing content inside a group with columns it is properly aligned. However when the content is not wrapped in a group/column it appears with a different margins/paddings on its left side. For example:
- On Desktop: the content appears further to the right than content wrapped in a group/column.
- On Tablets: the content appears further to the left than content wrapped in a group/column.
- On Mobile: the content is nicly aligned with content that is wrapped in a group/column.
The question now is, how do you consistently align the content outside a group/column so it matches the content inside a group/column? I.e. how do you get all content to left-align at the same position?
Thanks for your help,
Michael.
Hi there,
using the Group Block and WP Columns with Full Width and Wide Width block settings is going to cause you some headaches.
Personally for pages requiring full width content you should set the Content Container to Full Width:
https://docs.generatepress.com/article/content-container/
This removes the themes padding and gives you a 100% wide blank canvas.
Then use the GenerateBlocks plugin:
The Container Block and Grid Block have full responsive styling controls and i would use them instead of the core Group and Column blocks
