Found what you have been looking for?

Search
Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips
Custom Slideshow with preloader for SmugMug

Full-screen custom slideshow for SmugMug, with a preloader

A while ago I added a custom slideshow to my homepage – www.photom.me and many of you have been asking me to write a tutorial for it. This slideshow works great on any screen size; it can also be used on different layouts. On my homepage I used it on a layout with sidebar on the left side. HTML...

Continue reading

Change the UNLOCK text on passworded pages

SmugMug has some great system pages – you can read about them here. But in this tutorial, I am going to be talking about the page that your visitors will see when they open a password protected page, gallery or folder. The default text that shows on this page is UNLOCK which we are...

Continue reading

Hiding SmugMug footer

I do not recommend doing this because you will then have to log in to your SmugMug account from SmugMug’s homepage. But if you decide that you still would like to hide the SmugMug footer from your SmugMug website – here is how to do this. Add a CSS content block to the ENTIRE SITE...

Continue reading

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...

Continue reading

Hiding the BUY button on keyword search result pages

When you search for a keyword on SmugMug the search results will bring all images from all public galleries on your website. The search results will always show the BUY PHOTOS button, even though your gallery has this button turned ON. Don’t worry – if you have disabled the buy button...

Continue reading

Changing font size of title and caption in lightbox view

You can change the font size of TITLES and CAPTIONS appearing in the new lightbox view. Just add a CSS content block to the ALL GALLERIES or ENTIRE SITE section of your website and then add this code to it: /*Modifying lightbox text - title*/ .sm-lightbox-v2-photo-title-and-caption h2 { font-size:...

Continue reading

Hiding image titles, captions and keywords in mobile view

Sometimes you would like to hide captions, titles and keywords in mobile view only for more cleaner look. This code will allow you to hide all of this on mobile devices. Add a CSS content block to the ENTIRE SITE section of your website and then add this code to it: /*Hiding gallery titles,...

Continue reading

Adding border to images in the new lightbox view

You can add a border to your images in the lightbox view. Just add a CSS content block { if you do not have one already } in the ENTIRE SITE section of your website and then add this code to it: /*Adding border to lightbox image*/ .sm-user-ui .sm-lightbox-v2-photo { border: 4px solid black; } /*Adding...

Continue reading

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