I’m having a ton of trouble getting my Rich Text block styles to actually apply to CMS-bound content, hoping for some help from anyone who’s run into this before!
What I’ve done:
-
Added a unique class (e.g.,
.blog content) to my Rich Text block on the CMS template page. -
Disconnected it from the CMS field, then added example elements (H1, H2, P, lists, etc.) as static content inside the block.
-
Styled each heading/element (size, font, color, etc.) with the Rich Text block selected and the class assigned.
-
Reconnected to the CMS field, checked in Designer and Published site.
Problem:
When I reconnect the Rich Text block to the CMS, my styles don’t always transfer over. The content displays, but the H1, H2, etc., seem to lose all the styles I applied when the block was unbound. (No combo selector like .blog content H2 appears for nested styling—just the parent class.) Tried unbinding/rebinding multiple times and publishing, but still can’t get Rich Text CMS content to use my custom styles.
What I’ve checked:
-
There aren’t any global H1/H2 overrides, at least not that I can see.
-
I’ve tried making a style guide page with the same Rich Text/class combo.
-
I’ve inspected published site in DevTools, but styles don’t show or seem overridden.
Questions:
-
Is this a known bug/limitation with how Webflow handles nested Rich Text CSS for CMS?
-
Is there a step I’m missing to get these “scoped” styles to apply?
-
Has anyone successfully gotten their classed Rich Text block styles to persist on CMS content?
Any tips or proven workflows really appreciated!
Here is my public share link: LINK
(how to access public share link)