To set default styling for text links in Webflow without manually applying classes, you need to target the All Links tag and adjust Rich Text styles via the Typography section in the Settings panel.
1. Style the "All Links" Tag
- Select any link element on the canvas.
- Go to the Selector field at the top of the Style panel.
- Click the dropdown and choose "All Links".
- Apply your desired default styling: font, color, underline, hover state, etc.
- This will apply the styling site-wide to all links that don’t have their own class.
2. Customize Styles Within Rich Text Blocks
Webflow CMS Rich Text fields have their own internal structure, so link styles must be explicitly set within the Rich Text element styling scope.
- Add a Rich Text element to the canvas (not inside a Collection List for now).
- Go to the Element Settings panel (gear icon) and click "Get text from..." to disconnect CMS if needed.
- Add sample content (headings, paragraphs, a link, etc.) for styling.
- Click on the link inside the Rich Text, then look at the Style panel.
- At the selector field, choose "All Links inside Rich Text".
- Apply your styles here to affect only links inside Rich Text fields across your site.
3. Optional: Rich Text Nested Styling (for Full Control)
If more granular styling is needed (e.g., different color for links inside blockquotes within Rich Text):
- Select the link inside the specific element (e.g., blockquote).
- Use the selector like "All Links inside Blockquotes inside Rich Text".
- Style accordingly.
Summary
To apply default link styles across Webflow:
- Use the "All Links" tag for global link styling.
- Use "All Links inside Rich Text" to target CMS-driven Rich Text links.
- Apply styling once and Webflow will automatically apply it to future links without class assignments.