Tips for Customizing the Background #

• Make sure the background you choose doesn’t make the login fields and buttons harder to read.
• For the purpose of keeping text and form elements visible against your selected background, think about choosing contrasting colors.
• To make sure the login page stays visually beautiful and user-friendly, preview your changes in real time.

Background Color #

There are two choices for the background color: Gradient and Solid colors.

• Solid Color: Select a solid single color for your login page background using the color picker, or enter a hex code for precise color choice.
• Gradient Color: Design an eye-catching background with a gradient by selecting two or more colors and adjusting the direction. Choose from linear (horizontal, vertical, diagonal) or radial gradients for the perfect look.

Background Opacity #

The background Opacity setting allows you to change the transparency of your login page background. By adjusting the opacity, you may create a layered effect that makes things behind the backdrop appear subtly apparent. This feature is perfect for improving reading and giving your login page a current, polished design.

Background Image #

Initially, you’ll have the option to enable the background image feature. Once enabled, you’ll be able to customize various aspects of the background image, including selecting a custom image, setting the image position, enabling background repeat, and adjusting the image size.

Background Position

You can customize the appearance and feel of your login page by adding a custom background image using the Advanced Login Page Customizer. For a customized look, you can select your own image, change its size, allow repeat, and change its position.

As you can see from the attached screenshots, there are noticeable differences in the image positions. In addition to these three options, you can also set the position to top-left, top-right, and more.

Background Repeat

The background repeat feature in the Advanced Login Page Customizer allows you to control how the background image repeats. You can choose from options like repeat (both directions), repeat-x (horizontal), repeat-y (vertical), or no repeat for a single instance of the image.

Background Image Size

You can change how the image fits on the page using the Advanced Login Page Customizer. Default (original size), cover (fills the background entirely), and contain (fits inside the lines without cropping) are the options available.

Background Video #

Initially, you will have the choice of enabling the background video feature. Once enabled, you’ll be able to customize different characteristics of the background video, such as selecting a custom video or a link from YouTube, adjusting the video position, and changing the video size.