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…

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…

In this tutorial I am going to show you how you can make the MENU button, in the mobile version of your website transparent.

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…

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.

In this tutorial I am going to show you how to change the labels of the search nodes photos, videos, galleries, folders and pages.

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 …

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…

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…

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…

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 …

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…

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 …

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…

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…

Add a CSS content block to the ENTIRE SITE section of your site and then add this code to it:

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:

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:

Here is a short code, which will allow you to hide the PHOTO DETAILS button, which appears on top of your photo:

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:

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

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:

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…

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…

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…

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…

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…

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

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…

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…

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…

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…

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…

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…

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:

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 …

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…

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:

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…

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…

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…

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…

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 …

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…

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:

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…

Add a CSS content block to the ALL GALLERIES section on your site and then add this CSS code to it:

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

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…

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…

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:

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:

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…

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: