Can I add a span with a class within a h4 tag in the Webflow editor or do I need to edit the code manually?

You can add a span with a class inside an H4 tag directly in Webflow without needing to edit the code manually. Here’s how:

1. Use the Webflow Designer

• Select or add an H4 element in the Webflow Designer.
• Double-click the H4 text to enable text editing.
• Highlight the portion of text where you want to insert the span.
• Click the paintbrush icon in the text editor that appears.
• Select Span to wrap the highlighted text in a span.

2. Add a Class to the Span

• With the span selected, go to the Style panel on the right.
• Click Add class and enter the desired class name.
• Style the span as needed (e.g., change color, font weight, etc.).

3. Preview and Publish

• Use Preview Mode to check how the styled span appears.
• If everything looks correct, Publish your site.

Summary

You can add a span with a class inside an H4 tag directly in Webflow using the text editor and style panel, no manual code editing required.