[Support request] Featured image too zoomed in

[Stuart]

I setup a content post hero in generateblocks elements with size set to ‘cover’.

Find private link to example article. If you check tablet or mobile view for article you see the featured image fits (though could be better) but the desktop version is so zoomed in and I can’t find out why. Not sure how to zoom out my featured image so they look better and fit more of the picture in.

Kind regards,
Stuart

[Ying]

Hi Stuart,

I would recommend playing with the background-size and background-position to find the best balance.

Do you have GB pro? If so, you can set different background position and background size for different devices.

Otherwise, you will need to write custom CSS if you want to have different settings.

[Stuart]

Hello Ying,

Thank you for your response. I do not have GB Pro at present. If I upgrade to it – I will be able to do this easily with GB Pro? So if I have a banner with a dog on the right hand side for desktop but it doesn’t show on mobile because the dog is not in the middle. I could sort my mobile view and drag the dog to the middle so it shows on smartphone?

I can also zoom out with GB pro and make it easier to show my entire featured image on desktop as well with GB Pro? Sorry, I am not very advanced with web design.

Thank you,
Stuart

[Ying]

will be able to do this easily with GB Pro?

Yes, the advanced background feature allows you to set different attributes to background images.

I could sort my mobile view and drag the dog to the middle so it shows on smartphone?

You can NOT drag, as it’s not a page builder, but you can set different background-position, you can check the examples in the links of my previous reply.

For example, if you’ve set center center as background position for mobile, you can try right center for mobile, so the image’s right edge touches the right edge of the container block.

You can also try values instead of words, eg. 50% 50%is the same as center center, 100% 50%is the same as right center. For more info, check the docs.

I can also zoom out with GB pro and make it easier to show my entire featured image on desktop as well with GB Pro?

This depends on what you’ve set for the background-size. Please check the example in my links.

[Author]

Posts