center image

Gustavofmarino · June 2020

Hello, how to configure my image to stay fixed and complete
the full width across all devices (desktop, mobile, tablet) horizontally?

The print was taken with 80% zoom, when it is 100% normal.

https://prnt.sc/suld61

Bryan · June 2020

Hello,

the image must be too small to stretch on larger screens.

THere is an option in the image item to stretch the image. This will make the quality worse on larger screen but will keep the image 100% wide.

thanks

Gustavofmarino · June 2020

ok but how do that?

Gustavofmarino · June 2020

In "styles" I clicked -> "full width"
and in the "bottom | position" I put -> "center center |
no-repeat" and it was still like this ...

https://prnt.sc/svk3af

Pablo · June 2020

Can you send me a link to that page?

Thanks

Gustavofmarino · June 2020

https://www.treinamentodimauro.com.br/

Pablo · June 2020

Please go to the section settings and change the size of the background to cover.

https://prnt.sc/swdox3

Thanks

Gustavofmarino · June 2020

Hello, I put the settings as recommended and it worked,
centered the image and right now reducing or enlarging the image is filled on
the screen. However, the content in the image is tight in the margin, as you
can see in the print below

https://prnt.sc/t3ycxq

Bryan · June 2020

"However, the content in the image is tight in the margin, as you

can see in the print below"

What do you mean by that? Do you mean that there is no space on left/right side so the content does not stick to the sides?

You can add padding to the wrap so you have this space on mobile.

thanks

center image

Comments