How do I customize the height of a slideshow section

How do I customize the height of a slideshow section

lukafernada
Excursionist
122 1 48

My slideshow banner currently is taking up the whole screen as shown below:

ehlpp.jpeg

 

How can I decrease its height, keeping the text box relative distance from the slide selection bar, so that when someone opens the website they can see more of the content below.

 

Please do not offer me this code:

Image 17-09-2024 at 00.36.jpegImage 17-09-2024 at 00.37.jpeg

 

This simply decreases the height of the image, not the section.

 

Any help would be greatly appreciated, thank you

Replies 2 (2)

PageFly-Amelia
Shopify Partner
576 162 232

This is Amelia from PageFly - Landing Page Builder App

 

You are using the Slideshow section of Dawn theme, this section has one setting is Slide height. You can change the height from some options that support like: Adapt to fit image, Small, Medium and Large. 
I checked your page and I saw that you are using the Medium size for your slideshow.

If you want to add the custom css to change the height by your self you can use this css to add to this section

 

@media screen and (min-width: 750px) {
    .banner--medium:not(.banner--adapt) {
height: 40rem !important;
}
}

 


Hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

lukafernada
Excursionist
122 1 48

Hello,

It is not doing anything. Do you know why this is? 

Thank you