This feature allows you to customize the appearance of any element. It works by allowing you to add your own CSS styles, which allows you to override the default styles of your website theme.
When do I need to use this option?
You can use it to fine-tune the styles of some of your site elements during page loading, before JavaScript execution.
Usually, you would use Custom CSS to add missing rules to your styles, which are added dynamically at a later stage by your JavaScript. For example, if a slider appears misaligned during page loading, you can try to fine-tune it with Custom CSS. Doing this may help solve a flickering/sizing issue during page loading.
How do I configure Custom CSS?
1. Go to CSS Settings.
2. Locate the box Custom CSS.
3. Enable the option (click the toggle on the right).
4. Type your CSS rules in the text box
Example: .overlay { display: none; }
5. Click Save at the top right.
6. Do a full Cache Purge to apply the change on all pages. You can do this from the NitroPack Dashboard.