[Resolved] Mobile spacing controls are not working in Generateblocks.

[Rishabh]

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.

Cloud Tutorials: https://quickserp.com/

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rishabh]

So I just published the design and the design is working properly.

Thanks for your help.

Cloud Tutorials: https://quickserp.com/

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rishabh]

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.

Cloud Tutorials: https://quickserp.com/

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rishabh]

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.

Cloud Tutorials: https://quickserp.com/

[Leo]

You shouldn’t need CSS for that:
https://www.screencast.com/t/YVHkgEvBRqcu

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rishabh]

Thanks, it worked perfectly.

Cloud Tutorials: https://quickserp.com/

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts