How to Resize the Logo on the Login and Customer Portal Page

Resizing the logo displayed on the login and customer portal pages enhances brand consistency and contributes to a visually balanced interface. Proper logo sizing creates a more refined and professional appearance, improving the overall user experience across various devices and screen sizes.

To resize the logo on the login and customer portal pages, follow these steps:

1. Navigate to Admin Center > Customer Portal > Customization.
2. Locate Custom CSS and click Add Custom CSS.
3. Copy the given code and paste it on the window that opens.

.custom-logo{
   height: 100px;
   width: 160px;
}
.app-header-container.flex {
   height: 100px;
} 

You can adjust the values for both the logo (.custom-logo) and the app header container (.app-header-container.flex) to match your size requirement.

4. Click Add to save your changes.

Related article

How to Configure Customer Portal Settings