Lengthen Height of Main Content Layout

iamwe361

How can I expand the height of the Main Content Layout ( see image).
Please be specific in regard to any file locations.
Thank you

Ninja

iamwe361
Hi
its background image and its size depends on the image size you will upload on the site with screen size from which you viewing it. In your screenshot its already using maximum size of the image so it will not increase its height again.

iamwe361

Hello Pankaj,
The image is not filling the complete space, it is much larger than what is displayed (see image).
It is being cut-off by something within the template

Ninja

iamwe361
Hi
Please check it on frontend. Its max size already : http://prntscr.com/vwmw5g
Its normal on web that page height depends on the content over it.
You can apply padding over ES classes to get more content height

#es .es-login-box {
    padding-top: 50px;
}

iamwe361

Ninja
Thank you for responding.

I have found the element.styles to fix the login page.
However, I am not a programer. Where should I place the following element.style override.
I have several Simpli templates I just want to change the one for the login page.

element.style {
background-image: url(/images/community-1920-1080.png);
padding-top: 150px;
width: 100%;
height: 800px;
}

element.style {
overflow-y: hidden;
}

Thank you for you help.

Ninja

iamwe361
Hi
You can apply it on above example class code i sent, and place it in custom.css file under css folder of the template.