Move connected account providers at top in login

[TickTackk]

TickTackk submitted a new resource:

Move connected account providers at top in login - Move connected account providers at top in login

Before:
View attachment 226770

After:
View attachment 226771

In template login move the block starts from

<xf:if is="$providers is not empty">

before

<div class="blocks">

and then move

<div class="blocks-textJoiner"><span></span><em>{{ phrase('or_separator') }}</em><span></span></div>

right before the closing xf:if tag.

Read more about this resource...

 

[doublespaces]

Thank you for this

 

[djbaxter]

Good idea.

 

[darvil]

Hi can you update this for 2.2? I followed the instruction and it didn't work.

 

[TickTackk]

Instructions would be the same for XF 2.2. What part of the template mod not working?

 

[darvil]

Hi Ticktackk, thanks. I got it working. It works as you posted. Thanks!
One question, I would like to make the button bigger (like on register page). Do I just use a bigger graphic?

 

[TickTackk]

Those social media connection buttons are pure CSS so you would need to add something like this to extra.less:

.button,
a.button // needed for specificity over a:link
{
    &.button--provider
    {
        font-size: 1em; // adjust this to suit your font size needs and the icon will be automatically resized
    }
}

 

[darvil]

Thanks for the tip!