How do I customize my portal layout?
Main layout settings
The Layout tab contains several sections that let you update key design elements.
Main
-
Set the Primary color and Secondary color for your portal.
-
Enter hex codes to match your brand palette.
Navigation bar
-
Customize the Background color, Hover color, and Active color.
-
Update the text color for normal and active states.
Buttons
-
Define the Background color, Hover color, and Text color for all buttons.
-
Use consistent button styling to maintain a unified design.
Fonts
-
Open the Font library tab to choose from available fonts.
-
Use a single font family across your portal to keep the experience consistent.
Advanced customization options
Custom CSS and JavaScript
-
Add custom CSS or JavaScript to create more specific visual or functional adjustments.
-
These tools allow deeper control when standard settings are not enough.
Caution: Only add custom code if you have the expertise to maintain it. Incorrect code can affect the portal layout.
Image management
-
Upload and update images used in your Login page.
-
Add or replace the login background image to reflect your brand.
Email branding
-
Customize the design and appearance of emails sent from your portal.
-
Update elements such as colors, logos, and typography to match your brand.
⚠️ Important: Email templates affect communication such as password resets and order confirmations. Review all changes before publishing.