Placement of social media signup options


(Griff Wigley) #1

My site’s registration has quite a few fields for new users to complete. The problem is that the icon/options to register via Facebook, Google, etc. are centered on the right sidebar, far down the page. New users don’t see the options until they scroll further down.

Is there a easy way to place the options at the top?


(Griff Wigley) #2

I’m bumping this, as I really need to figure it out before I launch.


(Coin-coin le Canapin) #3

Add this custom CSS to your theme:

.create-account #login-buttons:not(.hidden) {
    justify-content: normal;
}

edit : note that if you have an odd number of social logins it will also affect a bit the social login buttons on mobile phone from:
image

To
image

But I see you have two social logins so they won’t be affected.


(Rory Craig-Barnes) #4

I can point you in the right direction, but I don’t know discourse well enough yet to fully solve your problem.

You can set custom CSS on that column and change it to align to the top.

At a quick look using Inspector #login-buttons is the ID you need to change, maybe:

.login-modal #login-buttons:not(.hidden), .create-account #login-buttons:not(.hidden)

Looks like changing:

justify-content: center;

to

justify-content: flex-start;

would do what you want. Sorry I can’t help more than that, hopefully someone with more experience can get you all the way there.

edit: ha looks like @canapin beat me to it :slight_smile:
Rory


(Coin-coin le Canapin) #5

You don’t want to change .login-modal #login-buttons:not(.hidden) as it targets the social login from the login form, not the register form


(Rory Craig-Barnes) #6

Ah good point @canapin - I made an assumption that they would want the position to match on both forms, which is potentially incorrect :slight_smile:


(Griff Wigley) #7

Saaaaweeeet! That did the trick, @canapin. Thanks so much.

FYI, I’m now using 4 logins:


(Jeff Atwood) #8

Hmm we might need to adjust this in our default theme, granted most sites don’t use custom fields at signup, but for those that do @johani?


(Bhanu Sharma) #11

Something like Custom Wizard plugin can also be used to alleviate this in some way?


(Jeff Atwood) #13

Because this only triggers with a … rather absurd number of user fields, we won’t be modifying the default theme to accommodate it.


(Jeff Atwood) #14