Webflow sync, pageviews & more.
NEW

How can I set default styling for text links in Webflow without having to manually add a class to each link added through the CMS/Rich Text field?

TL;DR
  • Select the "All Links" tag in the Style panel to apply global link styles site-wide.
  • Add a Rich Text element, select a link within it, and style using the "All Links inside Rich Text" selector for CMS content.
  • For detailed control, use nested selectors like "All Links inside Blockquotes inside Rich Text" to fine-tune specific contexts.

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.

  • 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.
Rate this answer

Other Webflow Questions