Changing the size of the Home Background image

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

Replies (1)

  1. Deborah Swanson 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

  2. Spiracle Themes 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

Post a Reply

Reply To: Changing the size of the Home Background image
Your information: