How can I reset the background color for the combo class ".section-paragraph.anim" in Webflow without deleting the class?
TL;DR
- Select an element with the
.section-paragraph.animcombo class and ensure it's active in the Style panel. - In the Backgrounds section, remove the background color by clicking the "Remove style" icon to revert to the base class's settings.
To reset the background color for the combo class .section-paragraph.anim in Webflow without deleting the combo class, you need to remove the background style specifically applied to the combo class.
1. Select the Combo Class
- Click on an element with the combo class applied (e.g., an element with both
.section-paragraphand.anim). - In the Selector field in the Style panel, make sure
.section-paragraph.animis selected, not just the base class.
2. Locate the Background Color Style
- In the Style panel, scroll to the Backgrounds section.
- If a background color is set specifically for the
.animcombo class, it will be shown here.
3. Remove or Reset the Background Color
- Hover over the background color swatch, and click the “Remove style” (trash can) icon if it's active.
- This will remove the background color only for the
.animcombo class, effectively reverting it to use what’s set in the base.section-paragraphclass (if anything).
4. Confirm Reset to Base Class Styles
- Click the Selector dropdown and switch between
.anim,.section-paragraph, and.section-paragraph.animto see what properties are inherited or overridden. - If done correctly, the combo class will no longer override the background color.
Summary
To reset the background color for .section-paragraph.anim without deleting the class, locate and remove the background style in the Style panel for the combo class. This reverts it back to the background style of the base class or parent element.