[Resolved] styling built-in login form

[Author]

Posts

[Jeffrey]

Hello, I would like to stye built-in login form form inline to group form. I am now using toolset starter, and no loading theme CSS, because I want to override CSS instead of origin. everything I did ok, except the built-in login, forget password and reset password form. I want to change inline form to group form such toolset default form styling. I know it just need to adjust class form " inline form" to "group form". could you please tell me where and how to? Thank you so much!

[Luo Yang]

Dear Jeffrey,

Are we talking about the login form output in your website/wp-login.php?
If it is, it is wordpress built-in login form, you will need to follow wordpress document to style it:
https://codex.wordpress.org/Customizing_the_Login_Form

For your reference.

[Jeffrey]

我的意思是，我使用Toolset starter 并且没有加载它的 css, 所以login form 非常难看，——标签和输入框在一行，我想要修改成 标签名称 在上，输入框在下面的那种形式， 我知道只要把他的 class 从　inline 才成 form group 就行了。可是不知道应该修改哪一个文件因为　style.css是做不到的 谢谢！

[Luo Yang]

因为这是CSS 代码问题，你可以提供一个网站供我测试吗？请填写下面的“private detail box ”， 并指出问题页面地址，我需要使用Chrome浏览器测试和DEBUG。谢谢！

[Luo Yang]

你可以在你的主题文件style.css里面加入以下代码：

#user_login, #user_pass{
display:block;
}

看结果页面：
hidden link

[Jeffrey]

Thank you so much, it works well now! 🙂