Customization

In this article I am going to show you, how you can change the appearance of the titles, captions that appear under o…

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

In cases when you are using the full-screen background slideshow or full-screen background image, and you don’t…

In this tutorial I will show you how to create a very simple widget, which will allow you to sell your services or ev…

In this tutorial I am going to show you how to change the labels of the search nodes photos, videos, galleries, folde…

In this tutorial, I am going to show you how to replace product images in the shopping cart. I have been asked about…

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…

SmugMug has some great system pages – you can read about them here. But in this tutorial, I am going to be talk…

I do not recommend doing this because you will then have to log in to your SmugMug account from SmugMug’s homep…

You can hide specific icons, which appear on the left side of the lightbox view using this code. You can mix and matc…

When you search for a keyword on SmugMug the search results will bring all images from all public galleries on your w…

You can change the font size of TITLES and CAPTIONS appearing in the new lightbox view. Just add a CSS content block …

Sometimes you would like to hide captions, titles and keywords in mobile view only for more cleaner look. This code w…

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…

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

The new SmugMug lightbox will display your titles, captions, keywords in the middle of the left sidebar. You can move…

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 …

This CSS code will allow you to hide the BUY button everywhere on your SmugMug website. The button will not appear to…

You can change the colour of the BUY PHOTOS button, which appears at the top of your gallery. Just add a CSS content …

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…

In this short tutorial I am going to show you how to create a smooth as a butter zoom hover effect, which y…

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…

I have been asked by a few readers of my portal how to create a panel on SmugMug that would allow it to display …

Today I have prepared a new hover effect – this one is also based on the feedback from other SmugMug users. This effe…

You can add an elegant hover effect to your thumbnails.  This tutorial is only for COLLAGE PORTRAIT gallery styl…

In this short tutorial I will show you how to add a full screen header to your SmugMug site with an animated icon/arr…

SmugMug provides loads of powerful and easy to use tools to customise your site.  But there is one part of the s…

With little bit of CSS code you can hide specific search categories on the SmugMug search page.  This is if you …

Today I will show you how to add a phone number to the standard SmugMug contact form.  The contact form has a ve…

A great way to gain followers on your SmugMug site is to offer a free newsletter. A newsletter is a great way to keep…

One of my work colleagues asked me if I have an idea about how to create an easy to use testimonials page on SmugMug,…

You can hide breadcrumbs on your SmugMug site by adding a CSS content block to the ENTIRE SITE or ALL GALLERIES secti…

Here is a short snippet that will help you change the gallery title font size and colour, which appear over a gallery…

You can change the BUY photo label in the LIGHTBOX { large image } view in your galleries by adding a CSS content blo…

You can hide captions in Journal gallery style by adding a CSS content block to your gallery or ALL GALLERIES and the…

In this tutorial I am going to show you how to change the TITLE and CAPTION color and size – in the Lightbox view. Li…

When you add a contact form to your site the profile image is displayed as a square thumbnail – leaving loads of empt…

You can hide the DOWNLOAD ALL button, which appears at the top of your galleries using this CSS code: Make …

If you have set your menu to collapse on mobile devices, you will see a label on the menu button which says MENU. &nb…

Although you can hide Title, Captions and Keywords in the LIGHTBOX settings on your galleries, sometimes there is a s…

You can highlight the number of the active page in the journal gallery style by changing its colour. I have chan…

To hide captions in galleries that have been set to SmugMug gallery style – add a CSS content block to ALL GALLERIES …

Here is a short tip on how to change the background colour of the overlay mask that appear over the galleries th…

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…

SmugMug shows only one line of gallery titles and some of you would like to show more.  Using this code you can …

You can add a custom link to the SOCIAL LINKS content block, but once added the link displays a simple link icon. &nb…

You can replace the BUY label in Journal gallery style using this CSS code, which needs to be installed in ENTIRE SIT…

You can add a label to the DOWNLOAD ALL button using a short CSS code, which needs to be added to ENTIRE SITE → …

You can add a custom label, which will appear on the side of the SLIDESHOW button using CSS code, which needs to be a…

This is a code that will replace the BUY PHOTOS label that is displayed at the top of every gallery. Add this code to…