This section explains how to edit text and media elements in Webflow. These are the core components for building your website's content.
Text elements
Webflow offers three main types of text elements:
- Headings (H1 to H6):
- Used for titles and subtitles.
- Provide structure and hierarchy to your content.
- H1 is typically used for the main page title, with H2-H6 for subheadings.
- Paragraphs (P):
- Used for body text and longer content.
- The standard element for most text on your pages.
- Text blocks:
- Used for generic text elements with no specific semantic meaning.
- Useful when you need text that doesn't fit into heading or paragraph categories.
Editing text elements
Choosing between targeting HTML tags and using classes depends on your specific needs:
- Targeting HTML tags is useful for site-wide consistency and quick global changes. For example, setting a default style for all paragraphs.
- Using classes offers more flexibility and specificity. They're ideal for creating unique styles that can be applied to multiple elements without affecting others of the same tag type. This approach is better for maintaining a modular and scalable design system.
Generally, both methods are used in web design: tag targeting for broad styles and classes for specific styling needs.
Targeting HTML tags
- Applies changes to all instances of that tag (e.g., all H1s).