New to the community? Start here

Loginpage styling, but not the WP login

Is it possible to style the loginpage which protects content via Membership 2 Pro? You can find a example here I would like to make it look like this page. I know i can set the WP login page as login for the content protection, but that’s not what i want.

Thanx in advance!

Julius

Tue, 24 May 2016 12:41:02
  • Kasia Swiderska
    • Support nomad

    Hello Julius,

    Is it possible to style the loginpage which protects content via Membership 2 Pro?

    Yes, this is possible with some custom CSS. Each page has own ID so you can write CSS using this page ID, and styles will apply only to that page. And then you can

    a) add it to the child theme style.css file

    b) use this small plugin https://wordpress.org/plugins/simple-custom-css/

    So for example, styles for image background will look like that:

    body.page-id-351 {
    
background-image: url("http://www.identitymatching.nl/wp-content/uploads/2016/04/EP_305.jpg");
    
-webkit-background-size: cover;
    
-moz-background-size: cover;
    
-o-background-size: cover;
    
background-size: cover;
    
}
    

    
body.page-id-351 .site-content {background: none;}
    

    
body.page-id-351 .ms-membership-form-wrapper {
    
width: 320px;
    
margin: auto;
    
margin-top: 20px;
    
margin-left: 0;
    
padding: 26px 24px 46px;
    
background: #fff;
    
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    
box-shadow: 0 1px 3px rgba(0,0,0,.13);
    
}

    with code inspector you can check styles in login page and then copy them to new CSS using classes used by Membership form and body.page-id-351.

    Let me know if you need any further assistance here

    kind regards,

    Kasia