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
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