Hiding icons/buttons in Lightbox view

You can hide specific icons, which appear on the left side of the lightbox view using this code. You can mix and match depending which icons would you like to remove.
Add a CSS content block either to the ENTIRE SITE section or ALL GALLERIES section of your website and then copy parts of the code which you would like to use:
Hiding the PHOTO DETAILS icon/button:
CSS
/*Hiding the PHOTO DETAILS button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-details-button.sm-button{
display: none;
}
CSSHiding the FULL SCREEN icon/button:
CSS
/*Hiding the FULL SCREEN button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-fullscreen-button.sm-button{
display: none;
}
CSSHiding the SHARE icon/button:
CSS
/*Hiding the SHARE button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-share-button.sm-button{
display: none;
}
CSSHiding the COMMENT icon/button:
CSS
/*Hiding the SHARE button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-comments-button.sm-button{
display: none;
}
CSSHiding the DOWNLOAD icon/button:
CSS
/*Hiding the DOWNLOAD button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-download-button.sm-button{
display: none;
}
CSSHiding the BUY icon/button:
CSS
/*Hiding the BUY button from lightbox view*/
.sm-user-ui .sm-lightbox-buy-button{
display: none !important;
}
CSSRelated articles
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Support me
I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.
Leave a Reply