Archived topic
Mobile spacing controls are not working in Generateblocks.
9 replies · Started by Rishabh on October 26, 2020
Hi,
I am using Generateblocks to create a design.
But the mobile and tablet spacing controls are not working for me. They are inheriting the values from desktop controls by default.
Screenshot 1: https://photos.app.goo.gl/UhJDPxxAEApAQhgh9
Screenshot 2: https://photos.app.goo.gl/UvQwtHTx8oRLHzK1A
In the above screenshots, I am trying to use different paddings for desktop and mobile, but it doesn't seem to work.
Hi there,
do those changes apply when you view the actual page ?
If not - can you share a link to your site where i can see the issue.
Preview responsive views is a new thing in WP 5.
They will be supported in GB 1.2 which will be available soon.
So I just published the design and the design is working properly.
Thanks for your help.
You're welcome
Hi, there's just one more little issue.
On my page: https://www.quickserp.com/new-page/
The 4-column area below "Choose a category" option is left-aligned (the space on right side is greater than the space on left).
So, is there any way to move it to the center?
Thanks.
You will need to center-aligned the content in each column:
https://www.screencast.com/t/Ssw2CJOgp
I would recommend using the grid blocks from GB instead of the columns block from WordPress since you are already using GenerateBlocks :)
Thanks for replying Leo.
I am using Grid now instead of columns, I am using the below css to center-align all the content:
.category-generateblocks{
align-content:center !important;
text-align:center !important;
}
I have added category-generateblocks class to all the containers inside the grid. But still, it's not moving to the center.
You shouldn't need CSS for that:
https://www.screencast.com/t/YVHkgEvBRqcu
Thanks, it worked perfectly.
No problem :)