Background Image Full Height Issue

Hello everyone.

I have created a new section.
And added a background image, size 1980x1080.

I want the section to display the image in full height (1080 px). However, it is not displaying full height (Checked in F12, the min-height is 893px)
If I change the min-height to 1080, it works fine.

Then, I tried adding a custom css :
.mcb-section-z5z53wq8e { min-height: 1080px; }

However, it is not overriding the element.style { min-height: 893px;} (If I untick this attribute in F12, it will follow my custom css which is okay)

So, how can I fix this?

Comments

  • Hi,
    You can use the "!important;" after declaring the pixels.
    I mean "min-height:1080px !important" - then, it will overwrite all of the CSS.

    Also, you can apply some padding on top and bottom on section to make it bigger.
    Thanks
Sign In or Register to comment.