Make social login buttons look the same

[northbrightt]

Hi folks!

I’ve faced an issue where Google Social login appears different from the rest. Facebook and LinkedIn for example are round, while Google appears with square corners. Any fix for this?
I’ve installed Social Login extension, added license number, then added Google and Facebook options in the HivePress settings > Users tab > Authentication Methods.
Please let me know how to make Google login button with round corners like the rest of the options.

[andrii]

Hi,

Please note that this is a standard button according to Google’s documentation. If you need to change it, we recommend using these CSS tweaks:

.hp-social-links .gsi-material-button {
border-radius:9999px;
padding:1px 12px;
}

You can add this CSS snippet using this doc: How to add custom code snippets - HivePress Help Center

I hope it helps

[northbrightt]

Hey Andrii,

It worked well, thank you!
I was a bit confused since seen different screenshots in the community from the past, that showed round google button like the rest login options (Facebook etc.)
Glad you were able to help with this matter, much appreciated!

Best regards,
Norbert