Found what you have been looking for?

Search
Generic filters
Exact matches only
Filter by Categories
Customization
Domains
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

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.

Support this PORTAL

I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.