Changing the size of the Home Background image
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
Replies (1)
-
July 16, 2018 at 9:44 pm
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
-
July 17, 2018 at 2:59 am
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