Photos being cropped in LGC

[Alan]

I set up a 4 column grid using the LGC plugin and my photos are being cropped. I cannot figure out what the problem is. I do not like the Gutenberg editor, so prefer to work in the classic editor text view, which is why I am using this plugin.

Please let me know if you see anything.

The code that I used is as follows:

[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ last=”false”]
<h3 style=”text-align: center;”>Argentina FAQ</h3>
[/lgc_column]
[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ last=”false”]
<h3 style=”text-align: center;”>Argentina Weather</h3>
[/lgc_column]
[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ last=”false”]
<h3 style=”text-align: center;”>Argentina Accommodations</h3>
[/lgc_column]
[lgc_column grid=”25″ tablet_grid=”50″ mobile_grid=”100″ last=”true”]
<h3 style=”text-align: center;”>The Best Places to Visit in Argentina</h3>
[/lgc_column]

[Leo]

Hi there,

Is this newly built content?

If so I would highly recommend using the Grid blocks from our new favorite plugin GenerateBlocks:
https://wordpress.org/plugins/generateblocks/
https://docs.generateblocks.com/article/grid-overview/

LGC is really an outdated way of creating columns and I would highly recommend adopting the new method.

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

[Alan]

I am moving an existing, fully built site to GP since the old theme is no longer being supported. Before submitting the support ticket, I tried to use the Block Editor, but I really don’t like it. That is why I am using LGC for now…

[David]

Hi there,

can you disable the Lazy loader as i believe this may be causing the issue.

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

[Alan]

that worked…so I assume that I should disable on a page by page basis, rather than globally, right?

[David]

Most lazy loaders have a way of excluding images by giving them a CSS Class – then you could apply that to any within a LGC maybe ?

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

[Alan]

Can you give a specific example of what I could try?

[David]

Check the plugins documentation – can’t say for certain but they generally have a field in their Settings where you can add a class for excluding images.

Then you can add that Class to your img HTML e.g

<img class="your-no-lazy-class"> src="url_to_image" />

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

[Alan]

ok. thanks,

[Tom]

You can try setting the equal_heights="false" option in your shortcodes as well.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Alan]

Tom, that worked even after I re-activated the lazy loading feature on the page.

Thanks,

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts