White Label + WPS Hide Login - Background image not appearing

Support
#1

We have a use case where White Label’s background image doesn’t appear (no CSS added to Body element) on the defined login page with WPS Hide Login.

However, the uploaded White Label logo image does appear.

#2

Hey @designerken,

Thanks for reaching out!

I suspect that this is just a cache issue on your end or a plugin conflict because when I tried your setup on my development, it worked fine. You can try these troubleshooting procedures.

Hope that helps.

#3

@marc_a

Thanks for the reply. I thought I had cache turned off, but it appears varnish had not been purged. It seems to appear now.

Now the issue is that the image is not fullscreen. As seen in your own secure note. It renders the image to its dimensions. There is no CSS property background-size: cover;

#4

Hey @designerken,

We’re glad the background image is showing on your login page. To make the background fullscreen, you may add this function in your child theme functions.php

function custom_login_styles() {
    echo '<style type="text/css">
        body.login {
			background-size: cover;
		}
    </style>';
}
add_action('login_enqueue_scripts', 'custom_login_styles');

Note: I’ll report this finding to our tracker so that our White Label plugin will be updated.

Hope that helps.

#6

Yes, I had already done something similiar.

While the devs are in there a couple more options would be nice.

  • Adding a input field for a URL if the logo is clicked (or just have it go to the global home page) instead of the WP link.

  • Color picker for the lost password and back to home link and hover states.

#7

Thanks for the additional feedback. We have noted it and forwarded to our developers.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.