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.