How To Edit Login Page Button

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000052073

Every Brilliant Directories website comes with a default /login page. On this page, the default login form and the button is available to edit:





Edit This Button in the Back End


This button can be edited by navigating to Toolbox » Menu Manager » Search for the "Login Page Signup Buttons" menu and Click "Customize":




In the "Edit" view, it is possible to edit the text areas to change the wording and URLs as well:





The text and URL are Text Labels that can be edited here:





Make the Link a Button


The menu link has its "Edit" button that can be utilized to make further changes. When clicked on these, a dropdown of sections will appear. Under the section called "Link CSS Class", this can be added:


Menu Item CSS Class

btn btn-danger btn-block sm-nopad nav

It will look like this:


Change The Link to the Deprecated Two Buttons


This is the information that needs to be added to add the 2 buttons:


Button 1


TEXT: Not a Registered User? <span class="inline-block">Create Free User Account</span>

URL: /checkout/5 

Menu Item CSS Class: btn btn-danger btn-block sm-bmargin

Outer <li> CSS Class: col-xs-12 col-sm-12 col-md-6 nolpad sm-nopad nav


Button 2


TEXT: Are You a Local Business? <span class="inline-block">List Your Company Now</span>

URL: /join

Menu Item CSS Class: btn btn-success btn-block

Outer <li> CSS Class: col-xs-12 col-sm-12 col-md-6 norpad sm-nopad nav


This is how it will look on the backend:




This is how it will look on the /login page:




Change The Color of These Buttons


The menu link has its "Edit" button that can be utilized to make further changes. When clicked on these, a dropdown of sections will appear. On one this section called "Link CSS Class", the kind of a button that is being used as default will display:





Highlighted areas indicate our button is Danger Button. In this scenario, the specific button color can be changed via Settings » Design Settings » Default Button Link Colors