How to Customize Your Career Page Layout & Styling

Layout and Styling

This section allows you to fine-tune the visual appearance of your career page by customizing colors and data table styling. These options help align the career site with your brand identity and improve overall user experience.



Fields Description

Title

Description

Primary Color

Sets the main accent color used throughout the career page and application, including buttons, links, and highlights.

Secondary Color

Used for secondary elements such as backgrounds, labels, and borders.

Hover Color

Defines the color that appears when users hover over interactive elements like buttons or links.

Data Table Header Panel

Sets the background color of the table headers where column names (like Job Title, Department, Location) are displayed.

Data Table Header Text

Defines the font color used for the header text in job listing tables.

    • Related Articles

    • Layout and Styling

      It allows organizations to personalize the visual appearance of the platform to reflect their brand identity and provide a more engaging user experience.This feature supports customization of the system’s interface elements, including theme colors, ...

    • Company Logo & Layout Color Change

      Settings → General It provides branding customization options that allows you to replace the default product logo with your company logo and update the layout color to reflect your organization’s identity. These changes are applied across key user ...

    • Career Page Designer

      Navigate to Settings → Recruitment → Career Page Designer You can use all the components available in the module to get your career site banner. The available options include Brand Assets, Content Customization, Typography Controls, and Layout & ...

    • Template Editor

      The template editor provides configuration options under the following categories: General, Layout, Typography, Decorations, and Extra. Layout Controls the structure and arrangement of content. Columns & Alignment: Margin and padding, Column width ...

    • Color Palette Preview

      It provides a live preview of how the selected Primary, Secondary, and Hover colors will appear across the career page interface. This helps ensure the color scheme aligns with your brand identity before saving changes. Fig: Banner Overlay Live ...