Found what you have been looking for?

Search
Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips

Hiding icons/buttons in Lightbox view

Lightbox Icons

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:

/*Hiding the PHOTO DETAILS button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-details-button.sm-button{
    display: none;
}

Hiding the FULL SCREEN icon/button:

/*Hiding the FULL SCREEN button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-fullscreen-button.sm-button{
    display: none;
}

Hiding the SHARE icon/button:

/*Hiding the SHARE button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-share-button.sm-button{
    display: none;
}

Hiding the COMMENT icon/button:

/*Hiding the SHARE button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-comments-button.sm-button{
    display: none;
}

Hiding the DOWNLOAD icon/button:

/*Hiding the DOWNLOAD button from lightbox view*/
.sm-user-ui .sm-lightbox-v2 .user-ui-lightbox-download-button.sm-button{
    display: none;
}

Hiding the BUY icon/button:

/*Hiding the BUY button from lightbox view*/
.sm-user-ui .sm-lightbox-buy-button{
    display: none !important;
}

buttons, buy button, full scree, icons, lightbox, photo details, share button


Tomasz Nowicki

My name is Tomasz Nowicki and I am a PHOTOGRAPHER and WEB DESIGNER based in the UK. Few years ago I have created my first website using SmugMug - a powerful platform for any type of photographer. I fell in love with it and from day one I have started exploring the possibilities of customizing my website. PHOTOM Portal is a my personal SmugMug knowledge base website where you can find some tips and tricks on how to use and get the most out of your SmugMug website.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.