Change the height of the banner image in dawn

Technical Q&A
1

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

1 Like
2

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

3

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

1 Like
4 
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.
5

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

Thank you.

6

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

7

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