Archived topic
GenerateBlocks Container Background Image Size
16 replies · Started by Peter on September 7, 2020
Hi,
I can't see a way of selecting the image size to be used as the background image for a container in GenerateBlocks. Am I missing it, or is it not available. It is using the full size image which is adding to the page weight. If not available, could it perhaps be added to the planned Pro version?
As a workaround I have uploaded separate smaller size copies to be used soecifically as the background image.
Thanks
Hi there,
Are you referring to the background-size option?
https://docs.generateblocks.com/article/container-overview/#background-image
If so it should be included.
Let me know :)
Hi Leo,
No, the size of the image used. As an extreme example if it was a very small container then the thumbnail image could be used rather than a 2000px wide original.
I've not seen the option for background images - background image size is usually controlled by the background-size property detailed here:
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
You can type in a percentage like 50%.
I find it easier to upload an image with size close to what you want it to use/display.
OK, I'll keep on uploading a specific image optimised for use as a background rather than using an existing image from the media library.
It would be handy to be able to choose the source image from the existing wordpress resized images though (can do this in Beaver Builder)
Peter
Hi,
No, the size of the image used. As an extreme example if it was a very small container then the thumbnail image could be used rather than a 2000px wide original.
It would be handy to be able to choose the source image from the existing wordpress resized images though (can do this in Beaver Builder)
This sounds like a great feature to add in the future. It definitely makes sense to be able to add registered image sizes that WordPress generates.
We'll look into it.
That's great.
Thanks.
t would be handy to be able to choose the source image from the existing wordpress resized images though (can do this in Beaver Builder)
Has this option been looked into yet?
Hi there,
yes, if you select a Container Block and add a Background Image, you can select the Image Size:
https://docs.generateblocks.com/article/container-overview/#backgrounds
I ask this because I'm looking for the best way to display background photos in the best responsive way. files often appear blurry on mobile devices
Can you help me with that
Look to the website:
https://rozesalonhaarlem.nl/nieuwsbrief
Wrong adres Website:
when I view the website in portait mode I see the flag nicely, in landscape mode it disappears. how can I set it so that the image is clearly visible in both cases?
Do you have GenerateBlocks Pro ?
Yes i have
OK, so you can use Advanced Backgrounds:
https://docs.generateblocks.com/article/advanced-backgrounds/
This allows you to choose a different image / image size and set the different background properties for different device sizes.