• Resolved stephunique

    (@stephunique)


    Hello,

    I made a full width container with Elementor, then added an image as a background. I set the container to full width and full height and in the page options bottom left gear icon -> page layout -> elementor full page, set all the margins, padding and border to 0 or none, yet when I preview the page, it is still cropped. The top and bottom portion of the image is cropped so the aspect ratio to something like a 2.35:1 ratio when the image is closer to a 4:3 ratio.

    Can you help? I have Elementor 3.22.1 (latest at time of writing).

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Milos

    (@miloss84)

    Hi there,

    Thank you for contacting us.

    You can try to use our background image settings to position your background image as you desire

    Screenshot – https://prnt.sc/kMjvEVcuErym

    Here is the video that could help you – https://www.youtube.com/watch?v=5qTxwo0kUi4

    Hope this will help you.

    Thread Starter stephunique

    (@stephunique)

    Hello,

    Thank you for the suggestions and the screenshots, but I do not want to position the image and I already know how to do it anyway. What I would like is to display the image in full: full width and full height in the container as the background. In other words, whatever the image size is, I want the container to be too.

    I figured out partially what the issue was. In the “Edit Container” -> “Display size”, I set the size to “cover” and the image I used covered the width of the page but was cropped for some reason vertically. When I set the size to “contain”, the full image was displayed but it was not full width across the page.

    So my issue still remains: What I was expecting was that regardless of the aspect ratio of the image I want the image to display in full width horizontally across the page, as well as full height vertically.

    I already set the container height to 100 vh and 100% width and expected that the image would then display fully, across the page. But the image is still being cropped for some reason.

    Plugin Support marthaeli

    (@marthaeli)

    Hi @stephunique

    Thank you for the reply and update.

    I tested on my test site with an image of 1600×880 pixels, with image resolution as large and the following settings on the container and image widget.

    https://postimg.cc/gallery/K2S4821

    The image was full width, change the height of the image to 100vh if needed.

    I hope this helps.

    If you still need asistance with this issue, would be helpful to see the page with the image.

    Kind Regards

    Plugin Support Rica

    (@ricav)

    Due to inactivity this ticket has been closed.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Full width and full height image is still being cropped’ is closed to new replies.