help with coding to my gallery block

Site URL: http://doughrelated.com

Hey team
I'm using the WAV template, and have recently added in some custom CSS to reduce the size of the main gallery block on the home page. I used;

<style>
  .Index-gallery-item-inner {
    height: 72% !important;}
</style>

It's keeping the size of the original gallery (and some extra) as a white area between the Gallery and the next block, which I cannot seem to get rid of.

Is anyone able to help? website: https://doughrelated.com/

Thanks for your time in advance!

19 hours ago, doughrelated said:

Site URL: http://doughrelated.com

Hey team
I'm using the WAV template, and have recently added in some custom CSS to reduce the size of the main gallery block on the home page. I used;

<style>
  .Index-gallery-item-inner {
    height: 72% !important;}
</style>

It's keeping the size of the original gallery (and some extra) as a white area between the Gallery and the next block, which I cannot seem to get rid of.

Is anyone able to help? website: https://doughrelated.com/

 

Thanks for your time in advance!

Hi,

You mean white space above newsletter section on desktop?

Yes that's the one!

On 8/22/2021 at 2:47 PM, doughrelated said:

Yes that's the one!

Hi. Try adding to Design > Custom CSS

@media screen and (min-width:641px) {
section#sliding\/display {
    min-height: unset !important;
    height: 500px;
}
}

On 8/26/2021 at 2:55 PM, tuanphan said:

Hi. Try adding to Design > Custom CSS

@media screen and (min-width:641px) {
section#sliding\/display {
    min-height: unset !important;
    height: 500px;
}
}

 

Hey thank you so much for getting back to me! I had to change the height value but I think that might have worked 🙂 I'll double check on a few other screen sizes 

Appreciate your help!