In Webflow, is it possible to rename all created CSS styles to start with "Pimexin-...." except for the default styles for Body, H1, H2, ..., H6, and P?

Published on
September 22, 2023

Yes, it is possible to rename all created CSS styles in Webflow to start with "Pimexin-...." except for the default styles for Body, H1, H2, ..., H6, and P. Here's how you can achieve this:

  1. Open your Webflow project and navigate to the Style Manager by clicking on the "Styles" tab in the right sidebar.

  2. In the Style Manager, click on the "Default Styles" section to expand it and access the default styles for Body, H1, H2, ..., H6, and P.

  3. Take note of the class names for these default styles, as you'll need to exclude them from being renamed.

  4. Next, go through each custom CSS style that you want to rename and follow these steps:

  • Click on the style to open the style panel on the right.
  • In the style panel, click on the three-dot menu icon and select "Edit class".
  • In the class editor, modify the class name to start with "Pimexin-" followed by your desired name, while ensuring that you don't use the same name as any of the default styles.
  • Once you've renamed the class, click outside the class editor to save the changes.
  1. Repeat step 4 for all the custom CSS styles you want to rename, making sure to exclude the default styles.

By following these steps, you can successfully rename all created CSS styles in Webflow to start with "Pimexin-...." except for the default styles for Body, H1, H2, ..., H6, and P.

Additional Questions:

  1. How can I edit default CSS styles in Webflow?
  2. Can I create my own CSS classes in Webflow?
  3. How do I organize CSS styles in the Style Manager in Webflow?