section

Hi there,

are you using the GP Sections? if so:

to make all sections a minimum height and have the background centered then this CSS:

.generate-sections-container {
    min-height: 400px;
    background-position: center center;
}

If you want to selectively apply this CSS then use this instead:

.section-min-height {
    min-height: 400px;
}
.section-bg-centered {
    background-position: center center;
}

Then in the Section > Settings --> Custom Classes field you can add those classes e.g

section-min-height section-bg-centered

the problem is that the background of the section looks like this: https://neformativ.ru/wp-content/uploads/2019/03/im-1.png
but when you zoom in, the background is cropped: https://neformativ.ru/wp-content/uploads/2019/03/im-2.png
can it be solved?

Any chance you can link me to the Site? You can edit your original topic and use the Site URL field for privacy.

site:
https://neformativ.ru/

now use:

.generate-sections-container {
background-position: 50% center;
}

You could try giving that section a height that is based on viewport width.
e.g give the section a class - section-vw-height

Then something like this:

.section-vw-height {
    height: 40vw;
    min-height: 400px;
}

This will scale the height based on how wide the screen is but never less than 400px.

I will not cease to be surprised by your support!... Everything works. Thank you!

You're welcome - glad to be of help