# CSS Styling

## Custom CSS

If you want to make changes to any of the CSS that is applied by default, we recommend creating a `css/custom.css` file and making those customisations within it. This file is included after `styles.css`, allowing you to override any of the CSS defined within it. It will not be affected by future updates to the WHMCS software.

Tip
* We strongly recommend creating a `css/custom.css` file to contain your additional custom CSS rules and **not** editing `css/styles.css` directly because it will make updating easier.
* You may also wish to consider creating a [child theme](/themes/child-themes/).


## Using Font Awesome

To use Font Awesome icons, you may include the latest Font Awesome release shipped with WHMCS by including the line below within the `<head>` section of your template:

`<link href="{$WEB_ROOT}/assets/css/fontawesome-all.min.css" rel="stylesheet">`

Themes that do not include the above line will have it injected automatically. If you wish to prevent this behaviour, include the following line:

`<!-- /css/fontawesome-all.min.css -->`