I have placed a ‘Single Image’ block into a column. The image needs to remain a specific pixel size (970 width). When I insert the image it is that width but when I adjust the width of the browser viewport, the image changes size dynamically which I do not want. How can I keep the image a static size?
Hello,
Normally, the image size shouldn’t change after you change the viewport, because you can apply for each port a new value for image width and height -> https://i.imgur.com/5qjFMrE.jpg -> https://i.imgur.com/DqAVleK.png
Please check this topic https://forum.tagdiv.com/topic/question-about-thumbs-on-modulesblocks/
Thank you, I believe that worked. Is it possible to make the image automatically hide on some of the viewports but not the others?
Actually my apologies, that didn’t work completely. I set the image to its native width of 970px in all viewports — it no longer dynamically resizes, however it is smaller than it should be in all viewports (696px). It looks correct in the TagDiv preview, but the image is the smaller size on the live page: https://imgur.com/a/289PxL9
Compared to your screenshots, I can see I do not have a ‘Height’ control for the image, only a ‘Width’ control. Maybe this is related?
Hi,
I believe that you are referring to that banner, for that you can try the ad box element and set a banner from here https://i.imgur.com/nc02mfR.png
Thank you!
I made a brand new blank page to test and used both the Single Image and Ad Box modules with my 970×250 image using ‘Full Size’ as selected from the Add Media window.
Both of them look fine in the editor preview but shrink to 696 width when rendered as a preview (and on the actual page).
When I open the image itself I see this: /wp-content/uploads/2022/10/970×250-test-ad.png?resize=696%2C179&ssl=1
696 is the same width as one of the theme thumbnail sizes which is suspicious. It seems maybe the theme is always loading the 696 thumbnail instead of the Full Size 970×250. I tried regenerating thumbnails but this hasn’t fixed the issue.
This is the actual URL for the 696 thumbnail: /wp-content/uploads/2022/10/970×250-test-ad-696×250.png
So in the first URL, it seems like something is appending ?resize=696%2C179&ssl=1 to the images when the page is rendered.
What else can I do?
I’ve confirmed that all images on the page are automatically having ?resize=696%2C179&ssl=1 appended to them, even in a brand new blank page and brand new row/column with no settings adjusted.
Ok I think I solved the sizing issue. This is caused by Jetpack CDN feature “Speed up image load times”. For some reason it was choosing 696 width as the correct image size for all images on the page. Here is where to disable the feature:
This of course means I can’t use the Jetpack image CDN until I figure out why it is selecting 696 width for all images.
Hi,
I’m glad that at least you manage to fond out what was interfering with the theme.
About the Jetpack CDN feature “Speed up image load times” maybe the support team of Jetpack can provide a solution.
Thank you!
