Changing the size of the Home Background image

[Deborah Swanson]

I would like the height of my background image on my home page to be shorter. Where can I change that? What is the ideal width for that image? I want an approximate ratio of 1600 wide x 400 high. If I put an image of that size it gets enlarged to keep the height that is pre-set somewhere.

Thanks for your help

[Spiracle Themes]

Hi Deborah,

You can try the CSS below

/* Home background image height */
#slider #slider-inner {
height: 50vh !important;
}

/* Home background image content height from top */
#slider-inner .promo-section {
height: 40vh;
}

Change the numbers according to your requirements.

Copy and paste this in Appearance -> Customize -> Additional CSS

Regards

[Author]

Posts