Knowledgebase
-
Customize Hexa color skins
Customize Hexa color skins
Hexa 5 is using tailwind CSS to manage and generate skins.
Requires Node.JS installed https://nodejs.org/en/download/
- Download dev zip. Download `hexa5-dev.zip` and extract `hexa5-dev` folder on local computer.
- Copy template files. Copy `templates` folder from latest hexa5.zip\upload into `hexa5-dev`. PurgeCSS will scan the `templates` folder to remove all unused CSS.
- Install NPM packages. Open command line and run `npm install`
- Build CSS Skins. Example build commands for "tailwind-core.css", "tailwind-original.css" and "tailwind-city.css".
"npm run build:core"
"npm run build:original"
"npm run build:city"
Minified skin files will be placed into hexa/assets/css/skins/ and hexa-light/assets/css/skins/ folders. - Custom Skin. Create "tailwind-cucstom.css" (initial values can be copied from existing skins and customized) and run "npm run build:custom". Custom skin can be selected from Hexa Extras general tab.
Also Read
How to add favicon to WHMCS theme.
42312
How to add "My Projects" button to home page for WHMCS "Project Management" addon.
31348
How to create header, footer and style overrides.
26430
Use cart with front end style or fully custom style.
22365
How to have open or closed (mini) sidebar by default?
22078