Help with the featured picture /header

[isa1978]

Hello Friech,

thank you so much I really appreciate all your help with this. it’s ok for categories. I hope one day it will be possible to add them

I will change the pictures one by one to make sure the text is visible.

On another note, I was updating another page and I notice that while I am editing the page the picture is the correct size, but when open it in the full size page the picture is cut off. I have tried to manipulate the section margin and paddings but it didn’t work.

see the screenshots. Can you see the difference at the bottom? in the one where I hid the sidebar, the pyramid is cut, and the grass disappeared.
Can we fix that?

Thanks a million
cheers

[rad]

Hi Isabella,

It’s only normal since there is a difference between the view width while the height remain the same. You can confirm that resizing your browser while looking at the live/full page that you’re referring to.

If you wish a background that locks to aspect ratio then the good candidate for that is revolution slider.

Thanks!

[isa1978]

Hello there,

I don’t think it’s normal, because on this page https://www.boundlessroads.com/work/ it doesn’t happen.
Or in any other posts, like this one https://www.boundlessroads.com/things-to-do-in-cancun/ the header picture remains the same size no matter what size your browser is.
Check it out yourself.
That one in the screenshot is the only one that changes.

[lely]

Hi @isa1978,

Those background images have different size, width and height proportion.

For workwithme.jpg 1024x300
For mexico-page.jpg 1200x500

Please also compare section. On Mexico page, section have margins. On the work page, section have no margins. See this: https://screencast-o-matic.com/watch/cqXVlyuScC

If you do have other inquiries, please open a new thread instead.

[isa1978]

Ok Thanks a lot

[friech]

Hi Isabella,

I just want to add additional info about the background-size, by default it set to cover (you can see that on the section setting). The background-size: cover; resize proportionally in a way that makes sure it’s cover its entire container/section. Please see the links below to understand how background-size works, but I would suggest you keep that in cover.

CSS Property background-size
Background-size demo

Cheers!