How to apply custom CSS code

Summary: Applying custom CSS to the Docy theme is simple: go to Appearance > Customize > Additional CSS, paste your code, and publish. Your changes stay safe through updates. For stubborn styles, use !important. Personalize your site easily with these steps.

You have the flexibility to apply your unique custom CSS code to the Docy theme, and rest assured, your customizations will persist even when the theme undergoes updates.

To add your custom CSS code:

1. Navigate to [direction]Appearance > Customize > Additional CSS[/direction].
2. Once in the theme customizer screen, select the “Additional CSS” option.
3. Paste your custom CSS code into the provided space.
4. Ensure to click on “Publish” or “Update” to save your changes.

Quick Tip:

If your CSS doesn’t seem to apply, add !important at the end of the property:

h1 {
  color: red !important;
}

This straightforward process allows you to tailor the Docy theme according to your preferences while maintaining the durability of your custom CSS code across theme updates.