I have seen on another theme that color sections could be larger than 100% and still remain reponsive in aspect ratio. For example, I have a section with a vertically aligned background image at 1000px x 2000px and I want to display it in full. However, I can’t now make the color section larger than 100% or I have to specify a fixed number of pixels. Is it somehow possible to specify a height greater than 100% or set it to always display the image at full height? If I specify a pixel count, the image will of course be cut off sideways on smaller screens because the height is fixed.
Hey axxisIT,
Could you post a link to where we can see the section that you want to implement this on please? You might be able to use the vh value in your CSS: https://www.w3schools.com/cssref/css_units.asp
Best regards,
Rikard
Hello!
Here you can see a value of more than 100% height of a section (Theme is Divi):
Here is the same in Enfold and I can’t make the section higher than 100%:
Ideally, i would like to have the colour section so high that the background image is always visible with its full height.
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.page-id-12772 #av_section_1 {
height: 300vh;
}
Best regards,
Rikard
Perfect, that works great.
Thank you!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon