[Resolved] GenerateBlocks Container Background Image Size

[Peter]

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

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

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.

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Peter]

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

[Elvin]

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.

A wise man once said:
"Have you cleared your cache?"

[Peter]

That’s great.

Thanks.

[Arno]

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?

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Arno]

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

[Arno]

Wrong adres Website:

https://generate.rozesalonhaarlem.nl/nieuwsbrief

[Arno]

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?

[David]

Do you have GenerateBlocks Pro ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Arno]

Yes i have

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts