Images Broken

Thanks for your report. I’ve had a look at the page you referenced and I don’t understand what’s causing the problem. The HTML for the gallery looks fine, and the thumbnail images are there. They render fine when accessed directly from the “src=” URL.

The only thing I can think of is some sort of interference with the lightbox plugin you seem to be using. I will leave this topic open for now and hope to see an update with news of your progress.

Thanks for your update with the good news regarding your progress. I’ve had another look at the page and have a suggestion for you.

Your [mla_gallery] shortcode uses columns=3 as a default setting, and MLA calculates some CSS style settings from that. In particular, it specifies width: 30.3% for the gallery-item element. Normally that would give a width of 221 pixels based on the overall page content width of 730 pixels. However, your theme is adding many CSS styles that are modifying the gallery display. For some reason I don’t understand the net effect is limiting the item width to 72 pixels. Eliminating MLA’s width setting seems to solve the problem. You can remove MLA’s styling entirely by adding mla_style=none to your shortcode.

You can try this by adding mla_itemwidth=none to your shortcode, which removes the width setting from MLA’s styles. Let me know how that works for you.

Thanks for confirming the solution I suggested. After more reflection, I believe the cause was that the theme changed the gallery display to CSS “grid” layout, dividing the display into three “columns” within the grid. After that, MLA’s width: 30.3% became one third of the grid cell width, not the page width. So, the theme divided 730 pixels into three columns of 243 pixels and MLA’s width specification divided that to get a 74 pixel result.