Hi
Merry Xmas and happy new year all.
I’ve placed an image in an image box. I’ve sized the original to the height and width required.
I can set the height to the height of the image in the image height setting, and it is fine on a wide screen, but I assume that is why, when reducing the screen width, the image does not re-size (because the width is fixed, not percentage), and looks very bad at smaller scales, eg on a mobile, because it is cut off.
But with no setting in the image height setting, or set to 100%, the box expands, is the wrong shape, and the image expands height wise to fit the wrong sized box, and doesn’t fit.
There must be something very simple I’ve missed, or am I using the wrong block to place an image?
Hello,
Instead of using Image Box, you can use the Single Image https://i.imgur.com/RB5n3Fz.png and you can set the width, the image box is used when you want to add more images – > https://i.imgur.com/5NVgb7H.png
Thank you!
Thanks Anamaria,
Firstly I’m on version 11.2 and I don’t have the “auto” setting – perhaps its time to upgrade to 11.4.
But meantime I’ve found that by setting the image height counterintuitively at 20% and the width at the default 100%, it does resize.
I guessed that the 20% refers not to the native image height but to the default image box size at that seemed to work.
Thanks once again.
I came back to this to improve my page but I am unable to change the width of a single image beyond 240px. I am using the General tab “image width” for the Single image block.
It resizes smaller, but not larger, than 240px, which is the same size as “auto” makes it.
If you increase the size incrementally above 240px, it stops resizing while the border increases. Saving and viewing does not show any difference to within the editor.
No value entered into the General tab “image width” for the Single image block alters the width beyond 240px, although it does indicate a wider frame with a hatched margin, which alters with width change. This can be seen in the screen shot below, where I put in 700px for demonstration purposes.
TagDiv_single_image_resizing_issue_03-03-22.jpg
In the screenshot, below the single image is a Single background image block indicating the size I require. I’d prefer to use single image.
Can you help?
-
This reply was modified 4 years by
PeteMason.
Hi PeteMason,
The option for image with should work, but it is possible to have set a thumb and not the full size image, if is a thumb or a small image , then the image will not be starch.
Please check the image -> https://i.imgur.com/IKOWhKm.png -> https://i.imgur.com/uCSxaK1.png results-> https://i.imgur.com/04sSHY7.jpg
I hope this will help you!