Return to previous page

Image size in builder are not holding in published page

This topic has 10 replies, 4 voices, and was last updated 1 years ago ago by Andrew Mitchell

sethr

Participant

November 20, 2024 at 16:56

I have opened tickets about this before. It’s been an ongoing issue for quite a while, across multiple theme updates. Take a look at the screenshot… from left to right:
1. using custom size 300×300 in builder > shows correct in builder preview > looking at live page—different image sizes even though they are all set to the exact same (CUSTOM: 300×300).

I’ve opened tickets about this before, and if I recall, the last support person gave me some custom CSS to max out my height at 240 for those image classes—not a reasonable solution.

Early on I had all the site images set to a preset from the dropdown (Medium Square: 300×300) then after a theme update, a bunch of my images sizes broke. Though multiple tickets and testing, I finally found a solution, which was to change all my images to use custom, and input my own dimensions—great. Now that isn’t working for either.

I really need a reliable way to keep consistent images sizes in my pages and wish the builder would just work as it should.

Temp user login provided in private area if required.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#424412 Copied

9 Answers

Rose Tyler

Support staff

November 21, 2024 at 10:00

Hello,

Thank you for reaching out to us and for providing detailed information about the issue you’re experiencing.

Please check the result https://prnt.sc/l2D1dp6HDJ4N of these settings https://prnt.sc/BRidsQwrl9Qj on your About Us page.

Best regards,
8Theme’s Team

#424499 Copied

sethr

Participant

November 22, 2024 at 15:54

Hmmm interesting. OK, so I see you are setting image attributes in the style panel rather than just the content area. I’ve gone through and made that adjustment across all the images in my about page. It’s close—but still a problem. Now the dimensions are correct, 300×300, however it is stretching some of the images! Look at this screenshot showing the images in the builder versus published. Focus on the fist image with orange can, see how it’s stretched and pixilated now? So i still need some help resolving this in a reliable way. Thank you in advance.

Files is visible for topic creator and
support staff only.

#424749 Copied

Rose Tyler

Support staff

November 22, 2024 at 16:19

Hello,

You can configure different settings for different devices, as shown in the following screenshot: https://prnt.sc/U1wnUmczwt9C
Please note that the image widget in question is an element of the Elementor plugin. This means that regardless of the theme activated on your website, the result will remain the same. Therefore, it would be more appropriate to reach out to the plugin’s author rather than the theme’s author for further assistance – https://wordpress.org/support/plugin/elementor/

Best regards,
8Theme’s Team

#424762 Copied

sethr

Participant

November 22, 2024 at 21:28

OK, thanks, however my issue still stands—i am setting image attributes for DESKTOP, in builder viewing DESKTOP, and previewing in DESKTOP. The image is getting stretch and pixelates, as you can see in the previous screenshot.

So are you still saying this is now an elementor problem, and not in the theme? My challenge with that potential answer, is my images sizes continue to get messed up every time I update the theme….

#424788 Copied

Jack Richardson

Support staff

November 25, 2024 at 14:04

Dear @sethr,

Thank you for reaching out to us.

To clarify, the issue you are experiencing is related to the default Elementor widget, and the same behavior would occur even if another theme were activated. Regarding your specific question, the image you are using is 300px in size, and you are attempting to crop it into a square while styling it at 300px. The resulting blur is due to the image’s original quality.

To improve the image quality, we recommend cropping it to 500px (as retina) and then styling it at 300px. This adjustment should result in a much sharper image. We have already applied these settings to the first widget on your “About Us” page. You can review the changes here:
– https://prnt.sc/vMgl3YgTjjU4
– https://prnt.sc/CBZKrqy8DCyZ

Please take a moment to review the current settings and let us know if they align with your expectations both visually and functionally.

If you require further customization, feel free to submit a request through our customization panel here: https://www.8theme.com/account/#etheme_customization_panel.

Best regards,
Jack Richardson
The 8Theme Team

#425123 Copied

sethr

Participant

November 25, 2024 at 15:36

Ok, thanks Jake—this is helpful information, about pixel density / blurriness. But maybe I wasn’t clear enough in describing what I see and am really trying to fix in my last post.

The image is getting stretched / or squeezed in just one axis, not both, so in the PUBLISHED view of the page, the image RATIO is getting munched somehow.

Look at the two images i’m posting now. The one with the pink outline is from inside the builder, where the ratio of the image is correct. Whereas the other one is how it looks when previewing the published page as a user. Do you see how how the image ratio is now wrong? looks squeezed in on the sides. This is what i’m battling.

Files is visible for topic creator and
support staff only.

#425155 Copied

Jack Richardson

Support staff

November 25, 2024 at 16:31

Hello @sethr

Did you check both screenshots we provided above ? There is an option to the the object-fit to cover that should fix such issue on images. Could you try to set it and check then ?
As we already wrote before such widget is default so you can also ask for support in the Elementor support forum -> https://wordpress.org/support/plugin/elementor/ as such issue is not related to our theme.
Thanks for respecting our support rules !

Kind regards, Jack Richardson
The 8theme’s team

#425169 Copied

sethr

Participant

November 25, 2024 at 17:02

OH MY GOSH, i missed the second screenshot initially. I see that now, and THAT is what i’ve been missing. I am so sorry for the extra go around. But this is resolved. Thank you SO MUCH for being patient with me and getting me to the solution! THANK YOU!

#425177 Copied

Andrew Mitchell

Support staff

November 25, 2024 at 17:02

Dear sethr,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#425178 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Image size in builder are not holding in published page’' has been successfully resolved, and the topic is now closed for further responses

Image size in builder are not holding in published page

Explore our best WordPress WooCommerce Themes collection