Centering social login buttons on page

Paction_Support

July 2017 in Social Login

I only need two buttons on my login page. Right now the 2 buttons are displayed all the way to the left. Is there a way to display the buttons centered on the page?

Best Answers

Daniel_GurzaMember

August 2017 Answer ✓

To change the layout of the buttons you will require custom CSS, so you need to be on atleast the lowest paid plan.
once you do that you can download the CSS of the theme you like the most and edit it so that providers do not float left.

I did this by editing

.plugin #providers {} - removing the float left;
.plugin #providers .providers_group{} - removing the float left;
.plugin #providers .provider{} - removing the float left; and adding, margin-left: auto; and margin-right: auto;

you will also need to replace any reference to images with either urls to the oneall site or donwload the referenced image and upload it to you serviver and link to that.
Example
background: url("/img/api/themes/assets/arrows_lr.png") no-repeat scroll 0 50% transparent;
Becomes
background: url("https://secure.oneallcdn.com/img/api/themes/assets/arrows_lr.png") no-repeat scroll 0 50% transparent;

You then need to upload that edited CSS to your website and paste a link to it in your OneALL settings page.

Hope this helped
Claude_SchlesserAdministratorOneAll Team

August 2017 Answer ✓

Hi Jack,

please empty your custom CSS and replace the code by this code:

.plugin #content { text-align: center !important; } .plugin #providers { display: inline-block !important; float: none !important; }