change the height of the banner image in dawn

Jennifer76
Tourist
11 0 4

I want to make the height smaller than it is now in dawn. I know that I have to use liquify.  When I did it in section image banner, I had a large empty space between the banner and the next collection file.  Should I be in theme liquify?

Thank you, Jen

Replies 6 (6)

Zworthkey
Shopify Partner
5581 642 1565

@Jennifer76 

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Jennifer76
Tourist
11 0 4

my site is bumples.com.  I lowered the height of the image for the desktop but in the mobile I have extra space on the top and bottom of the opening banner.  I am not a programmer but have tried several things to no avail. Hope you can help me.

Thanks,

Jen  

Zworthkey
Shopify Partner
5581 642 1565
div#Banner-template--14995773063335__image_banner {
    height: 133px !Important;
}

@Jennifer76 

Follow this instruction to add the code.

1. Navigate to Online Store-> Theme->Edit code
2. Asset->/section-image-banner.css ->paste Above code at the bottom of the file.
3. Save it.

Zworthkey
Shopify Partner
5581 642 1565

@Jennifer76 
or you can add this code in the base.css file.
Let me know it works or not.

Thank you.

Jennifer76
Tourist
11 0 4
It is the grey above and below the picture that I am trying to get rid of
in both the desktop and mobile. I did make the image smaller in photoshop.
Thanks agin,
Jen
Jennifer76
Tourist
11 0 4
Thank you for getting back to me. I am afraid that it did not work. I put
it in several places in the image banner css file. At the very end and
then moved it up above the schema section. I als0 put
and nothing worked. I also tried it in the base file and that didn't work
either.
Do you have any other suggestions? Thanks Jen