Overview

This article provides a step-by-step guide on removing social login buttons from the login page of an Elevated Hub. 

Information

While the steps below are specific to the Elevated Hubs, the same logic for hiding the buttons would apply, but non-Elevated Hubs will have different menu options.

1. Navigate to Admin > Gear icon > Settings.
2. In the settings menu, select Branding.
3. Scroll down to the 'Custom JS' (JavaScript) section and paste the custom CSS code into this section to remove the social login buttons.
   

   1. <style>
      .logged-out .rule-container, .logged-out .auth-providers {
         display: none;
      }
      </style>

4. Click the Save Changes button to apply the modifications to the Branding settings.
5. Go to the 'Elevated Branding' page from the settings menu.
6. Scroll down to the 'Sign-in/Sign-up HTML' section and paste the same custom CSS.
   
7. Click the Save Changes button to apply the modifications to the Elevated Branding settings.
8. Check the login page to confirm the social login buttons have been removed. 
   

FAQ

What is the purpose of applying custom JavaScript in the Branding settings?

Custom JavaScript is used to modify the appearance or behaviour of the login page, in this case, to remove the social login buttons.

Will the changes affect all users?

Yes, once the changes are saved, they will apply to the login page for all users.

Is it necessary to have elevated access to make these changes?

Elevated access is required for certain branding settings, as indicated in the steps for navigating to Elevated Branding Settings.