Found what you have been looking for?

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

Hide Titles, Captions, Keywords in the new Lightbox

Add a CSS content block to the ENTIRE SITE section of your site and then add this code to it: /*Hide Titles, Captions and Keywords in the new Lightbox*/ .sm-image-metadata-caption, .sm-image-metadata-keywords, .sm-image-metadata [data-elem-id=imagemetadata_title_text]{ display: none !impor...

Continue reading

Changing the lightbox VIEW PHOTO DETAILS font

You can change the font attributes for the VIEW PHOTO DETAILS text, which appears on top of your photo – in lightbox view, using this CSS code: /*lightbox 2019 title font changes*/ .sm-lightbox-v2-photo-title h2 { letter-spacing: 1px !important; /*this will change the space between letters*/ ...

Continue reading

Hiding the BUY BUTTON on keywords page

You can hide the BUY BUTTON on keywords page/search results page. Add a CSS content block to the ENTIRE SITE section of your website and then add this CSS code to it: /*Hiding buy button on keywords page*/ .sm-page-gallery-keyword .sm-gallery-cover-buy-button { display: none; }

Continue reading

Hide BUY button everywhere on your SmugMug site

This CSS code will allow you to hide the BUY button everywhere on your SmugMug website. The button will not appear to your visitors and yourself – logged in account owner. Add a CSS content block to the ENTIRE SITE section and then add this code to it: /*Hiding all buy buttons*/ .sm-user-ui...

Continue reading

Changing the ‘BUY PHOTOS’ button colour

You can change the colour of the BUY PHOTOS button, which appears at the top of your gallery. Just add a CSS content block to your site and then add this code to it: /* change Buy button color at the top */ .sm-gallery-cover-buy-button { color: #FFFFFF !important; /*This line controls the...

Continue reading

Changing colour of keywords in lightbox view

You can change the colour of keywords that appear in LIGHTBOX view using short  CSS code. CSS Code Add a CSS content block to the ALL GALLERIES section of your site and then add this code to it: /*Change colour of keywords appearing in lightbox view*/ .sm-user-ui .sm-lightbox-keywords...

Continue reading

Creating a cool thumbnail zoom hover effect

In this short tutorial I am going to show you how to create a smooth as a butter zoom hover effect, which you can use on your thumbnails.  You can see this effect on my SmugMug website – here.  Just open my homepage and scroll down until you see the thumbnails – hover your mouse over them to see...

Continue reading