Found what you have been looking for?

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

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

Hide the VIEW PHOTO DETAILS button in lightbox { 2019 } view

Here is a short code, which will allow you to hide the PHOTO DETAILS button, which appears on top of your photo: /*Hiding VIEW PHOTO DETAILS button from lightbox 2019 view*/ .sm-button.sm-button-nochrome.sm-button-size-large.sm-button-skin-none.sm-lightbox-v2-photo-title.sm-lightbox-v2-hide-landscape.sm-flex-justify-start...

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

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

Clean accordion panel for your site

I have been asked by a few readers of my portal how to create a panel on SmugMug that would allow it to display information after clicking on the header of a specific section.  Something like in this animation: You can also test drive the panel here.  Once you have opened...

Continue reading