Login page
You can customize the login page.
*Select "Site customizer" from the side menu and click on the Design tab.
Select the Login page tab.
*We will not be able to address any issues that may happen as a result of your operation of the Site customizer.
For more details about problems that may occur, click here.
Required
Customization option, Site customizer, Management role of Co-admin
Edit page
You can customize the login page.
The preview will be displayed on the right.
You can switch the interface on a PC and smartphone by clicking the tab.
The preview follows the setttngs set in the Login form settings in the Basic settings page, and the following two items will also be applied.
・Link to password reset
・Use of login authentication keys
*For more details, refer to Login form settings.
Editable content
You can set the background image and the login page.
*Make sure to click on the Save button at the buttom of the page before you leave.
Background image
The following items can be customized.
▼Background color/image
For the background of the login page, you can choose whether to set a background color or an image.
Click on the box to select a color.
To apply an image file, upload a file from "Select image."
▼Position of background image
When you choose an image, you can select where to display it.
▼Background image size
Select the size from full screen or original size.
▼ Repeat background image
When you select the original size, you can repeatedly display the image if needed.
Customize interface on smartphones
Apart from the settings for the interface on PCs, you can customize the interface deiplayed on smartphones.
Tick the box to customize the interface displayed on a smartphone.
*For details of the settings, see "PC display.
When you do not customize the interface displayed on smartphones, the one set for PCs will be applied.
Form
The following items can be customized.
▼ Form position
Select the position of the login form from the list.
*This setting will not apply to smartphones.
▼ Background color
Select the background color of the login form.
Click on the box to select a color.
▼Background color transparency
Set the transparency of the background color.
Drag on the bar graph to adjust the value.
▼ Border color
Set the border color of the login form.
Click on the color box to select a color.
▼ Shadow
Set the shadow and the color of the login form.
Click on the color box to select a color.
Header
Select text or logo for the header of the login page.
Customize the font color if needed.
Click on the color box to change the color.
Login button
Select the font/button color of the login button.
You can also choose a border color.
Click on the color box to select a color.
Self-registration button
You can set the text color/button color of the "Register for free" button.
You can also choose a border color.
Click on the color box to select a color.
Text link
You can set the font color of text links in the login form.
Click on the color box to change the color.