How do I customise the size of my slideshow banner so it doesn't take up so much space

[lukafernada]

I just wish to edit the height to reveal the products below a little bit more

[lukafernada]

hi david,

On both answers to my questions you have provided no code to help me, just that I should code it. Do you have a piece of code i can use?

[DaveedValencia]

Can you share a link to the website and I'll write the CSS code needed to adjust the height.

[lukafernada]

Hello,

What is the Custom CSS code to do this

Thank you

[BSSCommerce-HDL]

Hi @lukafernada, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.slideshow__text.banner__box.content-container.content-container--full-width-mobile {
    padding: 25px 0;
    min-width: 35rem !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[lukafernada]

this did not help me edit the height of the banner, just decrease padding of the writing in it: 

when i changed the 'width' to 'height' in your code, it would allow me to only increase it then, but not make it smaller than it already is. How can I do this?