Size pictures in Color section/Section background tab

Rickard,

The site is on my dev private server, check link in private content.

I use 4 color section, all have 400px height, and they all contain background section pictures which are 400px height too (all with parallax). 2 of the color sections have a red color overlay. If the window size is smaller than 1600px (1600px is the width of the pics) you can see that the height of the pictures comes smaller than the overlay height (which stays to 400px), so the result is not clean.
Why did I fix a custom height of 400px ? Because sections contains either nothing either a simple text, so if I let any dynamic, the height color sections are smaller. I want my sections height to follow the background picture height (400px), and at the same time I don’t want any croping of these pics (when resizing, width and height must keep the original ratio), so the only way I found is to set custom height 400px and to set in custom css:

#top .av-parallax.avia-full-stretch {
background-size: contain !important;
}

• This reply was modified 9 years ago by luke7263.