Found what you have been looking for?

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

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 talking about the page that your visitors will see when they open a password protected page, gallery or folder.

Password Protected page on SmugMug

The default text that shows on this page is UNLOCK which we are going to change using a little bit of CSS code.

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

/* hiding the UNLOCK label */
#sm-node-password .sm-heading {
    display: none ;

/* replacing the UNLOCK label with your own text */
#sm-node-password:before {
    display: block !important;
    content: 'My Text'; /* replace with your own text*/
    text-align: center;
    padding-bottom: 10px;
    font-size: 1.5em;
password protect page - custom header

custom page, password, replace text, unlock

Tomasz Nowicki

My name is Tomasz Nowicki and I am a PHOTOGRAPHER and WEB DESIGNER based in the UK. Few years ago I have created my first website using SmugMug - a powerful platform for any type of photographer. I fell in love with it and from day one I have started exploring the possibilities of customizing my website. PHOTOM Portal is a my personal SmugMug knowledge base website where you can find some tips and tricks on how to use and get the most out of your SmugMug website.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.