[Resolved] GenerateBlocks Container Background Image Size

Home Forums Support [Resolved] GenerateBlocks Container Background Image Size

Home Forums Support GenerateBlocks Container Background Image Size

  • This topic has 16 replies, 5 voices, and was last updated 1 week, 1 day ago by David.
Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #1434467
    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

    #1434521
    Leo
    Staff
    Customer Support

    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 🙂

    #1434531
    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.

    #1434534
    Leo
    Staff
    Customer Support

    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.

    #1434581
    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

    #1434586
    Elvin
    Staff
    Customer Support

    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?"

    #1434630
    Peter

    That’s great.

    Thanks.

    #2507141
    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?

    #2507177
    David
    Staff
    Customer Support

    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

    #2507386
    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

    #2507391
    Arno
    #2507410
    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?

    #2507413
    David
    Staff
    Customer Support

    Do you have GenerateBlocks Pro ?

    #2507426
    Arno

    Yes i have

    #2507459
    David
    Staff
    Customer Support

    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.

Viewing 15 posts - 1 through 15 (of 17 total)
  • You must be logged in to reply to this topic.