Archived topic
Photos being cropped in LGC
11 replies · Started by Alan on May 27, 2020
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]
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.
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...
Hi there,
can you disable the Lazy loader as i believe this may be causing the issue.
that worked...so I assume that I should disable on a page by page basis, rather than globally, right?
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 ?
Can you give a specific example of what I could try?
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" />
ok. thanks,
You can try setting the equal_heights="false" option in your shortcodes as well.
Tom, that worked even after I re-activated the lazy loading feature on the page.
Thanks,
You're welcome :)
