Adjusting the height of promoted gallery banner images in Squarespace's Bedford template

I wrote previously about a more general solution for adjusting the banner image height on several Squarespace templates. However, adjusting the height of gallery block slideshow banners in Bedford turned out to be a different beast altogether.

I did a lot of searching through Squarespace Answers, Stack Overflow, and other forums, and then significant debug time, to piece together this Frankensteinian solution. It's kind of a mess but it works. I can't tell you if all of the classes and ids are needed, but I can say that this custom CSS worked for me.

//SLIDESHOW BANNER & THUMBNAIL IMAGE & DESCRIPTION PAGES
.promoted-gallery-wrapper, .banner-thumbnail-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

 //PROMOTED SLIDESHOW BANNER
 #promotedGalleryWrapper .sqs-gallery-design-stacked-slide {
     height: 400px !important;
 }

 .collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow, .collection-type-index.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow, .collection-type-page.has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow, .collection-type-index.has-promoted-gallery .promoted-gallery-wrapper .sqs-gallery-block-slideshow{
     margin-top: 0px;
    height: 400px !important    
}

.collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .sqs-gallery, .collection-type-index.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .sqs-gallery, {
    height: 400px !important;
}

//STATIC THUMBNAIL BANNER
.view-list .banner-thumbnail-wrapper, .collection-type-page .banner-thumbnail-wrapper, .collection-type-index .banner-thumbnail-wrapper{
    margin-top: 0px;
    height: 400px;
    padding: 0
}

Source: Lloyd Fideo and Dammacx on Squarespace Answers.