How to make a Retina Login Logo
-
This is a great plugin, I’ve been using it for years for my clients sites. I noticed that there isn’t a built in way to make your logo retina ready with this plugin. I thought for sure someone would have asked about it here on the support forum of the plugin, but alas, there was no solution. So I figured it out and thought that I would post it here for any future users looking for a way to make their login logo retina ready. Here are the steps:
- Create your login logo to be 600x160px
- Upload it to your themes images folder names [email protected]
- In White Label CMS Branding section add “[email protected]” to the “Custom Login Logo” section
- Last add the code below to your the “Custom Login CSS” section
- Click Save Changes
.login #login h1 a { background-size: 300px 80px !important; width: 300px !important; height: 80px; }
Hope others find this helpful
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘How to make a Retina Login Logo’ is closed to new replies.