Users can customize the login button.
- Hover over the login button in the form, user will see the edit button.
- Click on the edit button, login button window will appear in the style panel.


Background: –
- Users can change the background color of the checkbox, click on the background color.
- Select your desired color from the palette, click on the publish button to save the changes.
Border: –
- To change the border width of the checkbox, hover over the borderin the styles window and a slider will appear in front of you.
- Adjust the slider to change the width of the border, click on the publish button to save the changes.
- Click on
to reset the border width of your checkbox.
Border Color: –
- To change the color, click on the border color.
- A color palette will appear in front of you, select your desired color.
- Click on the publish button to save the changes.
Padding
- To change the horizontal padding of the button, hover over the paddingin the styles window and you will see the slider in front of you.
- You can increase or decrease the horizontal padding by adjusting the slider, click on the publish button to save the changes.
Padding Top: –
- To change the top padding of the button, hover over the padding top in the styles window you will see the slider in front of you.
- You can increase or decrease the top padding by adjusting the slider, click on the publish button to save the changes.
Padding Bottom: –
- To change the bottom padding of the button, hover over the padding bottomin the styles window slider will appear in front of you.
- You can increase or decrease the bottom padding by adjusting the slider, click on the publish button to save the changes.
Radius: –
- To change the corner radius of the button, hover over the radiusin the styles window slider will appear in front of you.
- You can increase or decrease the corner radius of the button by adjusting the slider, click on the publish button to save the changes.
- Click on
button to reset the radius.
Shadow: –
- To change the shadow width of the button, hover over the shadowin the styles window and you will see the slider in front of you.
- You can increase or decrease the shadow width of the button by adjusting the slider, click on the publish button to save the changes.
- Click on
button to reset the shadow.
Shadow Opacity: –
- To change the opacity of the shadow of the button, hover over the shadowopacityin the styles window and you will see the slider in front of you.
- Adjust the slider to increase/decrease the shadow opacity of the button.
- Click on
button to reset the shadow opacity.
Font: –
- To change the font style of the button, click on the font & select your desired font style from the menu.
- Click on the publishbutton to save the changes.
Size: –
- To change the size of the button, hover over the sizein the styles window and you will see the slider in front of you.
- Adjust the slider to change the size of the button.
- Click on the publishbutton to save the changes.
- Click on
to reset the size of remember me text.
Color: –
- To change the font color of the button, click on the color.
- The color palette will open, select your desired color.
- Click on the publish button to save the changes.