Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1279125

    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.

    #1279315

    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

    #1279737

    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.

    • This reply was modified 4 years, 1 month ago by nrdhs.
    #1280233

    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

    #1280240

    Perfect, that works great.

    Thank you!

    #1280363

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Color section height responsive and greater than 100%’ is closed to new replies.