Copy the code below and paste it in place of the code in the stylesheet in order to make these changes affect all your pages.
{% color "melody" color="#5191CC", export_to_template_context=True %} /* change your site's color here */
{% color "harmony" color="#5191CC", export_to_template_context=True %} /* change your site's secondary color here */
{% set topHeaderColor = "#1F3F6C" %} /* This color is solely used on the top bar of the website. */
{% set baseFontFamily = "Open Sans" %} /* Add the font family you wish to use. You may need to import it above. */
{% set headerFontFamily = "Open Sans" %} /* This affects only headers on the site. Add the font family you wish to use. You may need to import it above. */
{% set textColor = "#565656" %} /* This sets the universal color of dark text on the site */
{% set pageCenter = "1200px" %} /* This sets the width of the website */
{% set headerType = "fixed" %} /* To make this a fixed header, change the value to "fixed" - otherwise, set it to "static" */
{% set lightGreyColor = "#f7f7f7" %} /* This affects all grey background sections */
{% set baseFontWeight = "normal" %} /* More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */
{% set headerFontWeight = "normal" %} /* For Headers; More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */
{% set buttonRadius = '10px' %} /* "0" for square edges, "10px" for rounded edges, "40px" for pill shape; This will change all buttons */
After you have updated your stylesheet, make sure you turn this module off
- Solutions
- Unified HCM Suite
- Payroll
- HRIS/HRMS
- Time & Labor
- Scheduling
- Talent Acquisition
- Onboarding
- Benefits Administration
- ACA Compliance Management
- COBRA Administration
- Performance Management
- Learning Management
- Leave Management
- HR Compliance
- Compensation Management
- Analytics
- HCM Mobile App
- HCM User Experience
- HCM Marketplace
- Who We Help
- Why Us
- Insight
- Resources
- Contact
-
Get Started
.png?width=145&height=127&name=Quotation%20Left%20(Blue).png)
.png?width=145&height=127&name=Quotation%20Right%20(Blue).png)
.png?width=2077&height=1023&name=Inflection%20-%20Multi-Device%20(2026).png "HCM Multi-Device Screenshot")
.png?width=100&name=Cloud-Payroll-Icon-Black-(100).png "Cloud Based Payroll"){kind=icon}
.png?width=100&name=Time%20%26%20Attendance%20-%20Black%20(100).png "Cloud Based Time and Labor Management")
.png?width=100&name=Human%20Resources%20%20-%20Black%20(100).png "Cloud Based HR Solutions")
.png?width=100&name=Recruiting%20%20-%20Black%20(100).png "Cloud Based Talent Acquisition")
.png?width=100&name=Scheduling%20%20-%20Black%20(100).png "Cloud Based Scheduling")
