<aside> ⬅️ Back to help center

</aside>

<aside> 📌 Note: We do not provide support for code customizations

If you are not comfortable making code changes, we highly recommend hiring an expert developer.

View Shopify experts

</aside>

Summary

<aside> 💡 Tip: Duplicate your theme before making code changes. This will ensure you have a backup to revert to if needed.

</aside>

Custom CSS can be applied to the Paper theme by using the built-in custom CSS feature in your theme editor. For advanced users who have more experience with development, you can also run Tailwind on a local machine to compile new CSS assets.

Using custom CSS

Custom CSS can be used in a variety of ways and is the perfect option for minor customizations. Here are a few guides for commonly requested customizations.

Applying a custom background color to a section

  1. Open the theme editor by clicking Customize next to the relevant theme.

  2. Navigate to the section you want to edit and select it.

  3. In the settings panel scroll to the bottom and open the Custom CSS option.

  4. Paste the following code in the input field and update the color value to any hex color code. E.g. #000000 could be changed to #ffffff.

    section {
  background-color: #000000;
}