Home › Forums › WoodMart support forum › Issue with Background Image Zoom and Blurring on Landing Pages

Issue with Background Image Zoom and Blurring on Landing Pages

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 18, 2023 at 8:53 am #482221

    Chaleur Naturelle
    Participant

    Hello,

    We have a problem with the background picture on our landing pages.

    We’re using a 1920x1500px image for the landing page, but the theme is excessively zooming in on the main picture, causing it to appear blurred.

    You can see the issue here, where we’ve uploaded a large 550KB image that still ends up blurred due to the zoom. We’re not sure why the website is zooming so much on the picture.

    You can check the issue here: https://chaleur-naturelle.fr/chauffage-pierre-presentation/

    Thank you!

    July 18, 2023 at 10:32 am #482255

    Luke Nielsen
    Keymaster

    Hello,

    It’s because you have enabled the “Cover” option for the Image, “cover” tells the browser to make sure the image always covers the entire container, even if it has to stretch the image or cut a little bit off one of the edges, so in some cases it can affect the image quality. Try to set there the “Contain” option for the image and recheck the issue.

    Kind Regards

    July 19, 2023 at 9:34 am #482530

    Chaleur Naturelle
    Participant

    Actually, the background image was set to “default value” (screenshot is attached).

    I have tried with “contain” but it does not change anything (screenshot is attached).

    Thank you for your help!

    Attachments:
    You must be logged in to view attached files.
    July 19, 2023 at 9:37 am #482533

    Chaleur Naturelle
    Participant

    Here is the screenshot with the “contain” option for the background image.

    Attachments:
    You must be logged in to view attached files.
    July 19, 2023 at 10:52 am #482559

    Luke Nielsen
    Keymaster

    Hello,

    Is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

    Kind Regards

    August 30, 2023 at 10:37 am #492130

    Chaleur Naturelle
    Participant

    Thank you for your answer

    Sorry for the late reply.

    Here is the page for the test: https://chaleur-naturelle.fr/page-test-video/

    You can see on the desktop version that the image is zoomed-in. As a result, the quality of the photo is not that good even if the picture is quite heavy.

    August 31, 2023 at 4:27 pm #492486

    Luke Nielsen
    Keymaster

    Hello,

    Those functionalities for the bg image in the Row are related to the page builder so please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront.

    Kind Regards

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)