Change the size of hero image

Hi team,
the hero image on my homepage is taking too much space and also the title is not in the center of the screen.
So I would like to know how can I make the hero image smaller or move the title up a bit to make it more easier for people to see.


Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.
Admin Area -> Appearance -> Customize -> Additional CSS

/*reduce padding on header image*/
#header .bottom-header {
    padding-top: 150px;
    padding-bottom: 150px;

You can reduce the px values for less for a smaller image.

Best Regards,

I cannot say if this corrected the original poster’s issue, but it worked like a charm for me. Much thanks for the assistance. :slight_smile:

Hello there,

I hope you are doing well today.

@jenicaraney Thanks for letting us know that the solution worked for you.

Best Regards,