New to the community? Start here

Branding cool… But now i need might be needing some CSS??

Hi

I have created an awesome look with ultimate branding. But now i am at the point where i think i need help with some css code.

Even though i have enabled "hide remember me link" it still displays.

And i want to move the login button to the middle of the form.

[attachments are only viewable by logged-in members]

[attachments are only viewable by logged-in members]

Sat, 27 May 2017 19:17:06
More Branda Pro discussions
Branda Pro
  • Uttam Kumar
    • Site Builder, Child of Zeus

    Hello Hamid,

    I hope you are doing well today!

    You can hide remember me and center your login button by following code.

    Enable "Custom Login CSS" in Ultimate Branding and you will see a CSS box, insert bellow CSS to there and save settings. I think it will work. 

    .login form .forgetmenot {
    
display: none;
    
}
    
.login .button-primary {
    
float: left;
    
}
    
p.submit {
    
text-align: center;
    
}
    
.login .button-primary {
    
float: none;
    
}

    [attachments are only viewable by logged-in members][attachments are only viewable by logged-in members][attachments are only viewable by logged-in members]

    Let me know if this will work for you. Have a great day!

    Kind Regards,

    Uttam

  • Uttam Kumar
    • Site Builder, Child of Zeus

    Hello Hamid,

    I hope you are doing well today!

    I could see from your wp-admin that you did wrong. You enabled "Custom Admin CSS" instead of "Custom Login CSS". You need to enable "Custom Login CSS", add given CSS to that CSS box and save settings. I do all for you and it's working now.

    [attachments are only viewable by logged-in members][attachments are only viewable by logged-in members]

    Let me know if this will work for you. Have a great day!

    kind regards,

    Uttam

  • Uttam Kumar
    • Site Builder, Child of Zeus

    Hello Hamid,

    I hope you are doing well today!

    Thanks for letting us know that it works for you. Yes, you can move the whole frame of login a bit down. Increase padding size with your desire size. Add this CSS code to previous CSS box.

    #login {
    
padding: 30px 0;
    
}

    Let me know if this will work for you. Have a great day!

    kind regards,

    Uttam