Skip to main content

How to apply custom CSS for password protected links

You can customize the appearance of a password protected short link.

Follow the instructions below:

  1. Sign in to your Short.io account.

  2. You can access the CSS settings for a domain in one of the two ways:

    • by directly navigating to the Domain settings -> UI Customization:

      Domain Settings UI Customization page with CSS editor

    • by clicking on the Customize CSS link in the Password protection section when editing a link:

      Link editor Password Protection section with Customize CSS link

  3. Enter your CSS code and click on Save.

    CSS editor with custom background color code and Save button

The next time you access your short link, you will be able to see the new appearance of the password page:

Password-protected link page with password input field and Submit button

For more examples on CSS customization please review the following article: Custom CSS examples for password page