Skip to main content
Menu
Home
Categories
Basic
Customization
Domains
Links
Tools and Tips
Lightroom Plugin
About the Portal
Contact
Support me ❤️
Home
Categories
Basic
Customization
Domains
Lightroom Plugin
Tools and Tips
Links
SmugMug Updates
About the Portal
Support me ❤️
Contact
Are you still looking for something?
Search
Results for
{phrase}
(
{results_count}
of
{results_count_total}
)
Displaying
{results_count}
results of
{results_count_total}
More results...
Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips
Try these:
contact form
button
buy photos
Customization
Ready to use CSS and HTML code snippets for you to implement on your SmugMug website.
Hide BUY MULTIPLE PHOTOS button from the shopping cart
Edited: 2nd December 2023
This CSS code will hide the “BUY MULTIPLE PHOTOS” button from the shopping cart for both logged-in account owners and visitors. Add a CSS content block to the ENTIRE…
Read more
Change the appearance of titles and captions of your photo thumbnails
Edited: 10th January 2023
In this article I am going to show you, how you can change the appearance of the titles, captions that appear under or over your thumbnails, inside your galleries. This is how m…
Read more
Mobile MENU button – transparent background
Edited: 10th January 2023
In this tutorial I am going to show you how you can make the MENU button, in the mobile version of your website transparent.
Read more
Moving the SmugMug footer to the bottom of the homepage on mobile
Edited: 10th January 2023
In cases when you are using the full-screen background slideshow or full-screen background image, and you don’t have any content below the navigation – the footer on…
Read more
Sell services on your SmugMug website
Edited: 10th January 2023
In this tutorial I will show you how to create a very simple widget, which will allow you to sell your services or even non-SmugMug products on your SmugMug website.
Read more
Renaming search node labels on the search page.
Edited: 10th January 2023
In this tutorial I am going to show you how to change the labels of the search nodes photos, videos, galleries, folders and pages.
Read more
Replacing product photos in the shopping cart
Edited: 3rd April 2023
In this tutorial, I am going to show you how to replace product images in the shopping cart. I have been asked about this by one SmugMug user who would like to display his own …
Read more
Full-screen custom slideshow for SmugMug, with a preloader
Edited: 30th August 2023
A while ago I have 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 scr…
Read more
Change the UNLOCK text on passworded pages
Edited: 10th January 2023
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 ope…
Read more
Hiding SmugMug footer
Edited: 10th January 2023
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…
Read more
Hiding icons/buttons in Lightbox view
Edited: 10th January 2023
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 …
Read more
Hiding the BUY button on keyword search result pages
Edited: 10th January 2023
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 b…
Read more
Changing font size of title and caption in lightbox view
Edited: 10th January 2023
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 …
Read more
Hiding image titles, captions and keywords in mobile view
Edited: 10th January 2023
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 C…
Read more
Adding border to images in the new lightbox view
Edited: 10th January 2023
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…
Read more
Hide Titles, Captions, Keywords in the new Lightbox
Edited: 10th January 2023
Add a CSS content block to the ENTIRE SITE section of your site and then add this code to it:
Read more
Changing the lightbox VIEW PHOTO DETAILS font
Edited: 10th January 2023
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:
Read more
Moving lightbox sidebar content to the bottom of the page
Edited: 10th January 2023
The new SmugMug lightbox will display your titles, captions, keywords in the middle of the left sidebar. You can move it to the bottom by using this CSS code:
Read more
Hide the VIEW PHOTO DETAILS button in lightbox { 2019 } view
Edited: 10th January 2023
Here is a short code, which will allow you to hide the PHOTO DETAILS button, which appears on top of your photo:
Read more
Hiding the BUY BUTTON on keywords page
Edited: 10th January 2023
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:
Read more
Hide BUY button everywhere on your SmugMug site
Edited: 19th May 2023
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….
Read more
Changing the ‘BUY PHOTOS’ button colour
Edited: 10th January 2023
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:
Read more
Adding a label to the BUY icon overlaying image thumbnail in a gallery
Edited: 10th January 2023
In this tutorial I am going to show you how to add a text label to the buy icon, which appears at the bottom of thumbnails – if your gallery is set to: CSS Code Open one of your…
Read more
Creating a cool thumbnail zoom hover effect
Edited: 10th January 2023
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…
Read more
Add full-width image to your SmugMug site with text and/or button over it
Edited: 12th October 2023
I have heard so many requests about how to add either a full-width image with a text over it or a full-width image with a call-to-action button to your SmugMug site. If yo…
Read more
Clean accordion panel for your site
Edited: 4th October 2023
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 secti…
Read more
Elegant hover effect for your image thumbnails
Edited: 10th January 2023
Today I have prepared a new hover effect – this one is also based on the feedback from other SmugMug users. This effect will allow you to display the TITLE and CAPTION in t…
Read more
Adding a simple hover effect to your thumbnails in COLLAGE PORTRAIT gallery style
Edited: 10th January 2023
You can add an elegant hover effect to your thumbnails. This tutorial is only for COLLAGE PORTRAIT gallery style – but it can be adjusted so it works on any gallery style….
Read more
How to add a full screen header to your SmugMug site
Edited: 7th September 2023
In this short tutorial I will show you how to add a full screen header to your SmugMug site with an animated icon/arrow that will encourage your visitors to scroll down. This tu…
Read more
Make the standard SmugMug contact form white
Edited: 10th January 2023
SmugMug provides loads of powerful and easy to use tools to customise your site. But there is one part of the site that cannot be customised using standard tools – it is t…
Read more
Hide individual search categories on the search page
Edited: 10th January 2023
With little bit of CSS code you can hide specific search categories on the SmugMug search page. This is if you would like to allow your visitors only search for specific i…
Read more
Adding phone number to the standard SmugMug contact form
Edited: 10th January 2023
Today I will show you how to add a phone number to the standard SmugMug contact form. The contact form has a very limited customisation option – but there is an easy way t…
Read more
Add a Newsletter Signup Form to your SmugMug site
Edited: 11th October 2023
A great way to gain followers on your SmugMug site is to offer a free newsletter. A newsletter is a great way to keep your customers informed of promotions, deals or even your l…
Read more
How to create a clean testimonials page on SmugMug
Edited: 22nd September 2023
One of my work colleagues asked me if I have an idea about how to create an easy to use testimonials page on SmugMug, that also looks nice and clean. She wanted something that d…
Read more
Hide breadcrumbs on your SmugMug site
Edited: 10th January 2023
You can hide breadcrumbs on your SmugMug site by adding a CSS content block to the ENTIRE SITE or ALL GALLERIES section and by adding this code to it:
Read more
Gallery title – change font size and colour
Edited: 10th January 2023
Here is a short snippet that will help you change the gallery title font size and colour, which appear over a gallery thumbnail: Just add a CSS content block to the page, where …
Read more
Change the BUY button label in Lightbox view
Edited: 10th January 2023
You can change the BUY photo label in the LIGHTBOX { large image } view in your galleries by adding a CSS content block to either ALL GALLERIES or ENTIRE SITE section of your si…
Read more
Hide captions in JOURNAL gallery style
Edited: 10th January 2023
You can hide captions in Journal gallery style by adding a CSS content block to your gallery or ALL GALLERIES and then adding this code to it:
Read more
Changing font colour and size of title and caption in lightbox view
Edited: 10th January 2023
In this tutorial I am going to show you how to change the TITLE and CAPTION color and size – in the Lightbox view. Lightbox View – this is the view when you click on an image in…
Read more
How to display a larger profile image in your SmugMug contact form
Edited: 10th January 2023
When you add a contact form to your site the profile image is displayed as a square thumbnail – leaving loads of empty space: With little CSS coding you can make the profile ima…
Read more
How to hide the DOWNLOAD ALL button in your galleries
Edited: 10th January 2023
You can hide the DOWNLOAD ALL button, which appears at the top of your galleries using this CSS code: Make sure that you add a CSS content block to the ALL GALLERIES s…
Read more
Change the MENU label on mobile version of your site
Edited: 10th January 2023
If you have set your menu to collapse on mobile devices, you will see a label on the menu button which says MENU. You can change this label to something else – for example…
Read more
Hide Title, Captions and Keywords in the Lightbox view using CSS
Edited: 10th January 2023
Although you can hide Title, Captions and Keywords in the LIGHTBOX settings on your galleries, sometimes there is a situation where you would like to hide this information …
Read more
Highlight active page number in Journal Gallery Style
Edited: 10th January 2023
You can highlight the number of the active page in the journal gallery style by changing its colour. I have changed the active page number to PINK colour using this code. Y…
Read more
Hide Captions in SmugMug gallery style
Edited: 10th January 2023
To hide captions in galleries that have been set to SmugMug gallery style – add a CSS content block to ALL GALLERIES and then add this code to it:
Read more
How to change the overlay mask colour on the galleries page
Edited: 10th January 2023
Here is a short tip on how to change the background colour of the overlay mask that appear over the galleries thumbnails – like here: First you will need to add a GAL…
Read more
Center gallery title using CSS
Edited: 10th January 2023
Add a CSS content block to the ALL GALLERIES section on your site and then add this CSS code to it:
Read more
Change the colour of menu links in a vertical navigation content block
Edited: 10th January 2023
You can change the colour of menu links in a vertical navigation content block. Just add a CSS content block to the ENTIRE SITE section and then add this code to it: TIP: …
Read more
Show full Gallery Titles
Edited: 10th January 2023
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. Plea…
Read more
Replace the Custom Link icon with your own
Edited: 10th January 2023
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 differen…
Read more
Changing the BUY label in Journal Gallery Style
Edited: 10th January 2023
You can replace the BUY label in Journal gallery style using this CSS code, which needs to be installed in ENTIRE SITE section → CSS content block:
Read more
Adding a label to the DOWNLOAD ALL button
Edited: 10th January 2023
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:
Read more
Adding a text label to the Slideshow button
Edited: 10th January 2023
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: Make su…
Read more
Change the ‘BUY PHOTOS’ label
Edited: 10th January 2023
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:
Read more
All categories
Basic
Customization
Domains
Lightroom Plugin
Links
SmugMug Updates
Tools and Tips
Category list