How to hide login & signup fields CSS

Hari

hello everyone, i want my users to login using social login only. i have searched in forum and found no plugin or code to achieve what i need.

could someone please suggest how to hind login fields using CSS

at Log in pop want to hide these fields

username or email
password
remember me + check box
login button
forgot password button
signup button

at Sign up page want to hide these fields

username
email
password
signup
already have account login

Hari

ok i am trying.... all styles are here https://github.com/flarum/core/tree/master/less/forum

we need to hind login button first which is LogInButton.less

https://github.com/flarum/core/blob/master/less/forum/LogInButton.less

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_visibility

need to try something similar to this right ?

Hari

do we need to add this to custom css ?

Hari

oops

ParseError: Unexpected input in anonymous-file-5.less on line 1, column 0 1| <style> 2| .LogInButton { 3| visibility: hidden; 4| } 5| </style>

clarkwinkelmann

Hari don't include <style> inside of the Custom CSS/Less field. The content of the Custom Less is concatenated at the end of the other Less files.

Hari

clarkwinkelmann could you please make for one button i will copy for all buttons .

and its need to be placed at custom css rigth?

Hari

Hari social logins gone 🙆‍♂️😬

Hari

i read all similar posts to this .. i have seen so many replies (answers) by you

Yay !! its working

.Form-group {visibility: hidden;}
.LogInModal-signUp {visibility: hidden;}

Darkle

If you want absolutely nothing to appear I recommend display:none; the difference is that with visibility:hidden; It is not visible but takes up its original space while display:none; It is hidden and does not take up space.

Hari

Darkle

.Form-group {display:none;}
.Modal-footer {display:none;}

am i doing correctly , i dont want to set everything to none and end-up in a blank page😬

AWESOME .. thanks for the trick it worked 😍

Hari

oops social login not working, its stuck at signup page

Hari

we have to choose password na after social login , so we should not disable .Form-group {display:none;}

Hari

how to hide password field and login button ?

something like .Form-group.password {display:none;} ?

Hari

Could someone contribute css code please 🐈

Juba007

If I understand correctly you want to have only the buttons for social login. But you can not hide the form, because an input is necessary as soon as one uses the social login? I have not used this function until now. I'll have a look at it when I'm at home.

Hari

Juba007 This issue is resolved, there is a new extension for this

Solved

gurroz

Hari send link on extension please!

Hari

gurroz

https://discuss.flarum.org/d/28424-third-party-login-only-block-standard-login

If you face any issues with this plugin after using for few months you may need to uninstall extension using SSH command, It's completely safe to use but just in case if you want to disable this if you get locked use the command to uninstall.

gurroz

Hari it works with Steam Auth?

https://discuss.flarum.org/d/19750-steam-auth

Hari

gurroz never tried it, but I'm sure it should work. Install fof/oAuth too