Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 9, 2021 at 3:45 pm #1279125
    nrdhs

    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.

    February 10, 2021 at 8:02 am #1279315
    Rikard

    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

    February 11, 2021 at 1:15 pm #1279737
    nrdhs

    Hello!

    Here you can see a value of more than 100% height of a section (Theme is Divi):

    Section Test

    Here is the same in Enfold and I can’t make the section higher than 100%:

    ProElectronic Test

    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.
    February 13, 2021 at 6:21 am #1280233
    Rikard

    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

    February 13, 2021 at 11:04 am #1280240
    nrdhs

    Perfect, that works great.

    Thank you!

    February 14, 2021 at 4:31 am #1280363
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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