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
About the Portal
Support me ❤️
Contact
Found what you have been looking for?
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.
Change the appearance of titles and captions of your photo thumbnails
In this article I am going to show you, how you can change the appearance of the titles, captions that appear under o…
Published on: 9th January 2022
Read More
Mobile MENU button – transparent background
In this tutorial I am going to show you how you can make the MENU button, in the mobile version of your website trans…
Published on: 10th October 2021
Read More
Moving the SmugMug footer to the bottom of the homepage on mobile
In cases when you are using the full-screen background slideshow or full-screen background image, and you don’t…
Published on: 3rd August 2021
Read More
Sell services on your SmugMug website
In this tutorial I will show you how to create a very simple widget, which will allow you to sell your services or ev…
Published on: 22nd March 2021
Read More
Renaming search node labels on the search page.
In this tutorial I am going to show you how to change the labels of the search nodes photos, videos, galleries, folde…
Published on: 19th January 2021
Read More
Replacing product photos in the shopping cart
In this tutorial, I am going to show you how to replace product images in the shopping cart. I have been asked about…
Published on: 28th September 2020
Read More
Full-screen custom slideshow for SmugMug, with a preloader
A while ago I have added a custom slideshow to my homepage – www.photom.me and many of you have been asking me to wri…
Published on: 21st June 2020
Read More
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 talk…
Published on: 1st May 2020
Read More
Hiding SmugMug footer
I do not recommend doing this because you will then have to log in to your SmugMug account from SmugMug’s homep…
Published on: 4th February 2020
Read More
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 matc…
Published on: 14th January 2020
Read More
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 w…
Published on: 27th December 2019
Read More
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 …
Published on: 23rd December 2019
Read More
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 w…
Published on: 13th December 2019
Read More
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 alrea…
Published on: 3rd December 2019
Read More
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:
Published on: 21st August 2019
Read More
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 lig…
Published on: 19th August 2019
Read More
Moving lightbox sidebar content to the bottom of the page
The new SmugMug lightbox will display your titles, captions, keywords in the middle of the left sidebar. You can move…
Published on: 19th August 2019
Read More
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:
Published on: 19th August 2019
Read More
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 …
Published on: 8th April 2019
Read More
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…
Published on: 8th March 2019
Read More
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 …
Published on: 1st March 2019
Read More
Adding a label to the BUY icon overlaying image thumbnail in a gallery
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 thumb…
Published on: 21st February 2019
Read More
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 y…
Published on: 21st February 2019
Read More
Add full-width image to your SmugMug site with text and/or button over it
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 wi…
Published on: 21st February 2019
Read More
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 …
Published on: 21st February 2019
Read More
Elegant hover effect for your image thumbnails
Today I have prepared a new hover effect – this one is also based on the feedback from other SmugMug users. This effe…
Published on: 21st February 2019
Read More
Adding a simple hover effect to your thumbnails in COLLAGE PORTRAIT gallery style
You can add an elegant hover effect to your thumbnails. This tutorial is only for COLLAGE PORTRAIT gallery styl…
Published on: 21st February 2019
Read More
How to add a full screen header to your SmugMug site
In this short tutorial I will show you how to add a full screen header to your SmugMug site with an animated icon/arr…
Published on: 21st February 2019
Read More
Make the standard SmugMug contact form white
SmugMug provides loads of powerful and easy to use tools to customise your site. But there is one part of the s…
Published on: 21st February 2019
Read More
Hide individual search categories on the search page
With little bit of CSS code you can hide specific search categories on the SmugMug search page. This is if you …
Published on: 21st February 2019
Read More
Adding phone number to the standard SmugMug contact form
Today I will show you how to add a phone number to the standard SmugMug contact form. The contact form has a ve…
Published on: 21st February 2019
Read More
Add a Newsletter Signup Form to your SmugMug site
A great way to gain followers on your SmugMug site is to offer a free newsletter. A newsletter is a great way to keep…
Published on: 21st February 2019
Read More
How to create a clean testimonials page on SmugMug
One of my work colleagues asked me if I have an idea about how to create an easy to use testimonials page on SmugMug,…
Published on: 21st February 2019
Read More
Hide breadcrumbs on your SmugMug site
You can hide breadcrumbs on your SmugMug site by adding a CSS content block to the ENTIRE SITE or ALL GALLERIES secti…
Published on: 21st February 2019
Read More
Gallery title – change font size and colour
Here is a short snippet that will help you change the gallery title font size and colour, which appear over a gallery…
Published on: 21st February 2019
Read More
Change the BUY button label in Lightbox view
You can change the BUY photo label in the LIGHTBOX { large image } view in your galleries by adding a CSS content blo…
Published on: 21st February 2019
Read More
Hide captions in JOURNAL gallery style
You can hide captions in Journal gallery style by adding a CSS content block to your gallery or ALL GALLERIES and the…
Published on: 21st February 2019
Read More
Changing font colour and size of title and caption in lightbox view
In this tutorial I am going to show you how to change the TITLE and CAPTION color and size – in the Lightbox view. Li…
Published on: 21st February 2019
Read More
How to display a larger profile image in your SmugMug contact form
When you add a contact form to your site the profile image is displayed as a square thumbnail – leaving loads of empt…
Published on: 18th February 2019
Read More
How to hide the DOWNLOAD ALL button in your galleries
You can hide the DOWNLOAD ALL button, which appears at the top of your galleries using this CSS code: Make …
Published on: 18th February 2019
Read More
Change the MENU label on mobile version of your site
If you have set your menu to collapse on mobile devices, you will see a label on the menu button which says MENU. &nb…
Published on: 18th February 2019
Read More
Hide Title, Captions and Keywords in the Lightbox view using CSS
Although you can hide Title, Captions and Keywords in the LIGHTBOX settings on your galleries, sometimes there is a s…
Published on: 18th February 2019
Read More
Highlight active page number in Journal Gallery Style
You can highlight the number of the active page in the journal gallery style by changing its colour. I have chan…
Published on: 18th February 2019
Read More
Hide Captions in SmugMug gallery style
To hide captions in galleries that have been set to SmugMug gallery style – add a CSS content block to ALL GALLERIES …
Published on: 18th February 2019
Read More
How to change the overlay mask colour on the galleries page
Here is a short tip on how to change the background colour of the overlay mask that appear over the galleries th…
Published on: 18th February 2019
Read More
Center gallery title using CSS
Add a CSS content block to the ALL GALLERIES section on your site and then add this CSS code to it:
Published on: 18th February 2019
Read More
Change the colour of menu links in a vertical navigation content block
You can change the colour of menu links in a vertical navigation content block. Just add a CSS content block to…
Published on: 18th February 2019
Read More
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 …
Published on: 18th February 2019
Read More
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. &nb…
Published on: 18th February 2019
Read More
Changing the BUY label in Journal Gallery Style
You can replace the BUY label in Journal gallery style using this CSS code, which needs to be installed in ENTIRE SIT…
Published on: 18th February 2019
Read More
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 → …
Published on: 18th February 2019
Read More
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 a…
Published on: 18th February 2019
Read More
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…
Published on: 18th February 2019
Read More