Login Form Background Cover Style and Form Style

We would try to get the background-image on login-form to be covered and set individuell style for login-form. But we couldn´t.

Normal we use:
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

But what is the class of the background-image?

Thank´s for your help!

Tobias

Hi Tobias.

You can customize the wp-login logo image from here: WP admin > s2Member > General > Login/Registration Design > Logo

:slight_smile:

Thanks clavaque!

I know, but how can i change the css settings for the form and the background image?

Thanks for your help!

Best
Tobias

There are several CSS selectors you can work with there:

<body class="login login-action-login wp-core-ui  locale-en-us">
	<div id="login">
	<h1><a href="http://mysite.com/">My Site</a></h1>

https://www.w3schools.com/cssref/css_selectors.asp

:slight_smile:

Okay thanks!

But when we try to put the code in the theme css file or customizer - it doesn´t work …

body.login {
background-image: url(http://hammer-client.touch2be.de/wp-content/uploads/2019/09/Fachhaendler_Anmelden_2500x1600.jpg) !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Thank´s for your help

I did a quick test, and it works for me…

Screenshot_2019-09-20%20Log%20In%20%E2%80%B9%20s2Member%20Membership%20Plugin%20for%20WordPress%20%E2%80%94%20WordPress

In your Login/Registration Design options, at the bottom, in the Footer section, you can add:

<style>
body.login {background-image: url(http://hammer-client.touch2be.de/wp-content/uploads/2019/09/Fachhaendler_Anmelden_2500x1600.jpg) !important; }
</style>

Screenshot_2019-09-20%20s2Member%20General%20Options%20%E2%80%B9%20s2Member%20Membership%20Plugin%20for%20WordPress%20%E2%80%94%20WordPress

I hope that helps. :slight_smile:

ah … alright

Thank you very much!

1 Like