Blog, Website & Page Publishing

BillOxygen
Participant

Lightbox gallery thumbnails showing as invisible. Help?

Résolue

Hello everyone - I am trying to create a lightbox gallery in the below link

Right now I have the below module code in the page:

{% module "module_160297594105741" path="@hubspot/gallery", label="gallery.module" %}

 

The SLIDER and THUMBNAIL gallery appear JUST FINE, but when I select LIGHTBOX gallery, the thumbnails are invisible. If you visit the below page, you will see below the text there are thumbnails to hover over (the mouse cursor changes) but they aren't showing. Can anyone help or tell me what might be wrong? Thank you!

 

https://blog.boostoxygen.com/boost-oxygen-review-by-stamford-advocate

0 Votes
1 Solution acceptée
Kevin-C
Solution
Expert reconnu | Partenaire solutions
Expert reconnu | Partenaire solutions

Lightbox gallery thumbnails showing as invisible. Help?

Résolue

Thanks for the tag @sharonlicari 

 

Hey @BillOxygen 

 

Looks like you've got some padding pushing the image dow out of view. See image below:

Screeenshot - 2020-10-19 at 8.29.58 AM.png

 

Try editting the class ".hs_cos_gallery_thumbnails .slick-slide .slick-slide-inner-wrapper" or adding this css:

 

.hs_cos_gallery_thumbnails .slick-slide .slick-slide-inner-wrapper {
  padding-top: 0px!important;
}
Kevin Cornett - Sr. Solutions Architect @ BridgeRev

Voir la solution dans l'envoi d'origine

3 Réponses
BillOxygen
Participant

Lightbox gallery thumbnails showing as invisible. Help?

Résolue

Thank you so much for your help! We removed the padding and it worked perfectly! We appreciate the quick response!

0 Votes
sharonlicari
Gestionnaire de communauté
Gestionnaire de communauté

Lightbox gallery thumbnails showing as invisible. Help?

Résolue

Hey @BillOxygen 

 

Thank you for reaching out and the information provided. I'll tag a few experts that can share their thoughts with you. 

 

Hey @Kevin-C @Alex_ @thesnappingdog what would you advise in this case?

 

Thanks

Sharon


Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !




0 Votes
Kevin-C
Solution
Expert reconnu | Partenaire solutions
Expert reconnu | Partenaire solutions

Lightbox gallery thumbnails showing as invisible. Help?

Résolue

Thanks for the tag @sharonlicari 

 

Hey @BillOxygen 

 

Looks like you've got some padding pushing the image dow out of view. See image below:

Screeenshot - 2020-10-19 at 8.29.58 AM.png

 

Try editting the class ".hs_cos_gallery_thumbnails .slick-slide .slick-slide-inner-wrapper" or adding this css:

 

.hs_cos_gallery_thumbnails .slick-slide .slick-slide-inner-wrapper {
  padding-top: 0px!important;
}
Kevin Cornett - Sr. Solutions Architect @ BridgeRev