[Resolved] How to align Generateblock Grid

[Data]

I added a Gird of two columns. It is not aligned horizontally. It is coming vertically, Kindly check the section “A Gift for Her” and ” A Gift for Him”

[Leo]

Hi there,

Any chance you can disable your caching plugin or SG Optimizer so I can inspect the code better?

Let me know 🙂

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

[Data]

yes, disabled

[Data]

if you need, I can send you temporary user password of WordPress

[Leo]

Looks like your structure is not set up correctly:
https://www.screencast.com/t/eEfILbVGprQr

The block navigation should look like this:
https://www.screencast.com/t/mik1DWftl2f

Then each container would be 50%:
https://www.screencast.com/t/PXhVRlO1t

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

[Data]

yes, both things are correct. i added grid of 2 columns, and the setting is by default 50%, and I do not do anything. in ‘edit’ mode, it looks fine but in preview, they are coming vertically.

Kindly note, I am using woocommerce.

[Leo]

Are you sure that your block navigation looks exactly like mine here?
https://www.screencast.com/t/mik1DWftl2f

I’m seeing something different from the code.

If that’s the case, can you disable all plugins except GenerateBlocks?

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

[Data]

yes, kindly check screenshot

[Ying]

Hi Data,

Could you deactivate all plugins except GP premium to see if it works?

Thanks!

[Data]

yes, I deactivated the WooCommerce plugin, it looks fine now. But how can I do it with woocommerce?

[David]

Hi there,

go to the GenerateBlocks settings and change the CSS Print Method to Inline.

let us know.

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

[Data]

yes, I did but the same problem

[David]

How are you adding the Block to the product archive ?

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

[Data]

I am using woo-commerce, when I disabled the plugin, the Gird is normalized to horizontally align.

I just add a Grid of 2 columns on the page, but it is appearing vertically.

[David]

Where exactly in the Editor have you added those blocks ? There currently inside part of the Woocommerce template that is not editable

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

[Author]

Posts