Found what you have been looking for?

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

Tag: css

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

Show full Gallery Titles

SmugMug shows only one line of gallery titles and some of you would like to show more.  Using this code you can display 4 lines of text below their gallery thumbnails. /*-----Show full gallery titles-----*/ .sm-tiles-grid.sm-tiles-info-after .sm-tile-info-text { display: -webkit-box; ...

Continue reading

Replace the Custom Link icon with your own

You can add a custom link to the SOCIAL LINKS content block, but once added the link displays a simple link icon.  Some customers would like to use it to display a different icon – for example LinkedIn or Yelp etc. Using this CSS code – you can make this possible: /*--- replacing the default...

Continue reading

Adding a label to the DOWNLOAD ALL button

You can add a label to the DOWNLOAD ALL button using a short CSS code, which needs to be added to ENTIRE SITE → CSS content block: /*Adding the Download All label to the button*/ .sm-user-ui .sm-gallery-cover-download-button:after { content: ' Download All'; } .sm-user-ui .sm-gallery-cover-download-button...

Continue reading

Adding a text label to the Slideshow button

You can add a custom label, which will appear on the side of the SLIDESHOW button using CSS code, which needs to be added to the ENTIRE SITE section → CSS content block: /*Change the SLIDESHOW label*/ .sm-user-ui .sm-gallery-cover-slideshow-button:after { content: ' Slideshow'; } .sm-user-ui...

Continue reading

Change the ‘BUY PHOTOS’ label

This is a code that will replace the BUY PHOTOS label that is displayed at the top of every gallery. Add this code to the ENTIRE SITE section → CSS CONTENT BLOCK: /*Change the BUY PHOTOS label*/ .sm-gallery-cover-buy-button:after { content: ' Shop Now'; } .sm-gallery-cover-buy-button...

Continue reading