Changing slideshow banner height on homepage in Bedford

@Emmyk1 can you share a link to your website?

Sure it's https://www.druglink.co.uk/

Thanks!

Copy and paste the code below to your Custom CSS. Change the height value to what you want. Let me know if this works... 

.collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-block, 
.collection-type-page.has-promoted-gallery .promoted-gallery-wrapper .sqs-block, 
{
	max-height: 500px!important;
}

.sqs-gallery-design-stacked-slide {
	height: 500px!important;
}

Hey, that's definitely helped thank you!! If you take a look at the homepage now the only thing that is odd is that there is a block of light grey text underneath the banner image and the page intro text falls into that grey box. Do you know how I can get rid of that? I've looked in site style but it doesn't seem to be an obvious thing I can change.

Thank you so much!

Lu.diehl, thank you! Is there a way to make this so that it does not affect the mobile version?

13 hours ago, DaleBoettcherPhoto said:

Lu.diehl, thank you! Is there a way to make this so that it does not affect the mobile version?

Hi @DaleBoettcherPhoto, the code I wrote before isn't great actually... I would try it differently this time. If you're looking to change it only in one page then add the code below to the page setting > Advanced instead of adding it the general Custom CSS.  If you're looking to change it all pages, add it to Design > Custom CSS and remove the <style> tags.

<style>
@media only screen and (min-device-width: 640px){
  .promoted-gallery-wrapper {
    height: 500px!important;
  }
  .sqs-gallery-design-stacked-slide {
    height: 500px!important;
}
  .sqs-gallery-controls .next, .sqs-gallery-controls .previous{
    top: 250px!important;
  }
}
</style>

Let me know how it looks... if you need further help, please share a link to your website.