Custom Image sizes not displaying on live links - Elementor

Custom image sizes set within Elementor are not being applied on live links. They display correctly locally.

Summarize the issue in one to two sentences.

  1. Create new local environment with Elementor installed
  2. Add image widget to elementor page
  3. Set custom dimensions for the image smaller than it’s original dimensions
  4. View page via live link

As precisely as you can, list the steps it takes to reliably reproduce the issue.

Local environment hosted on new M1 Max Macbook Pro
macOS 12.0.1
nginx
PHP 7.4.1
MySQL 8.0.16
Local ver 6.3.1
Wordpress ver 5.9.3
Elementor ver 3.6.5
Elementor Pro ver 3.6.5

Describe your environment.

  • What Operating System are you using?
  • What versions of site software (Nginx, Apache, PHP, MySQL) is used?
  • What version of Local is installed?

Supporting info

Please provide your Local Log. See this Community Forum post for instructions on how to do so:

local-lightning.log (331.0 KB)

https://www.loom.com/share/73e367e67d01417ab1029b03e7a9a1ea

Include any screenshots or video recordings of the issue to help others reproduce.

Hey @ajt03 – Welcome to the Local Community Forums!

It looks like I’m not able to play the video fully – possibly because of some permission settings where the video is uploaded to.

In general, when I encounter Elementor image issues over Live Links, it’s due to the images being written to CSS files which Local’s Live Links can’t adjust on-the-fly. You might look to see if adjusting some of the Elementor settings help. This comment goes into detail:

But basically, you’ll want to adjust the “CSS print method” of the Elementor settings.

This topic was automatically closed after 730 days. New replies are no longer allowed.