How to add custom css (style) in 20x theme? Print

How to Add Custom CSS in the 20X Theme

Follow these steps to safely add your own custom CSS:

1. Access WHMCS Files: Connect via FTP or cPanel.

2. Navigate to the CSS Folder: Go to /templates/twenty-x/css/.

3. Locate the Override File: You will find overrides.css.new. Rename it to overrides.css.

4. Add Your Custom CSS: Edit overrides.css, add your custom styles, save the file, and upload it back to the same path.

Important Notes:

• The custom.css file contains the default theme styles. Do not modify this file, as any changes will be overwritten when the theme is updated.

• If you have already made changes in custom.css, make sure to back it up before upgrading the theme.