Padding

[FHH24]

I want to reduce all this space which is in the slide section before my footer. Any help would be appreciated!

[DaisyVo]

Hi @FHH24 

Please share with me your store URL so I can check and help you ❤️

Best,

Daisy

[FHH24]

Farmherhands.com

[DaisyVo]

Hi @FHH24 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

div.slideshow.banner.grid {
    min-height: unset !important;
}

Here is the result: https://prnt.sc/U1cxJzV6DR81

I hope this helps

Best,

Daisy

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi  @FHH24  I can help you, Please share the website url (password if any). So I can give the correct solution.

Best regards,

Richard | PageFly

[FHH24]

Farmherhands.com

What password do you need?

[PageFly-Richard]

Hi, No need password.

I found this css code. maybe in your theme editor it has min-height: 42rem set so it is quite high and causing space. Look in your setup to see if there is a place to set the height and fix it.

If you don't find this setup please add code here in file theme.liquid and above tag </body> to fix it:

<style>
@media screen and (min-width: 750px) {
    .banner--small:not(.banner--adapt) {
        min-height: fit-content !important;
    }
}
</style>

Hope my solution will help you resolve the issue.

Thank you.

[Rahul_dhiman]

HEllo @FHH24 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->comnponent-slideshow.css
add this code at the end of the file and save.

@media screen and (min-width: 750px) {
.slideshow__text-wrapper.banner__content {
padding: 1rem;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks