This image highlights new ability to style elements within a Rich Text block
We’ve shipped a series of enhancements to make rich text elements (RTEs) easier and more flexible to build with. Here’s where you can expect an improved experience:
Managing elements within a rich text block. You can now rearrange or delete RTEs directly from the Navigator by clicking and dragging, or through keyboard shortcuts. Plus, all individual RTEs are now displayed in the Navigator for a more streamlined workflow.
Styling individual elements within a rich text block. Previously, styling individual elements within a Rich Text block required inheriting styles from HTML tags or using a nested selector inside of a class. Now you can do this directly from the Style panel and enjoy more granular design control.
Controlling visibility of RTEs and any element within. We’ve now unlocked the ability to set conditional visibility for each RTE directly from the Settings panel, so you can show or hide content as it makes sense for your audience. No custom code required.
Styling individual elements within a rich text block. Previously, styling individual elements within a Rich Text block required inheriting styles from HTML tags or using a nested selector inside of a class. Now you can do this directly from the Style panel and enjoy more granular design control.
How?
I have spent a couple of hours combing through the University and related forum, blog posts, etc. I cannot find a solution to my issue.
I have setup a style guide page to edit the default style of my CMS collection. I set the classes to my Rich Text Element. When I go to link it to the CMS collection, it does not apply the classes. From what I understand, the issue is that I need to change the formatting for HTML tags for the site WHEN NESTED IN a cms collection. However, when I am on my style guide page, and I go to change the HTML tag and search for the option to nest it, this option is no where to be found. How does one do this? Is there a button I am missing somewhere? Is my logic off? HELP!
Also the '- ’ markdown shortcuts are not working
Neither are embedded html custom code for lists as explained on this tutorial : https://www.htmlallthethings.com/blog-posts/adding-nested-lists-sub-bullet-lists-to-the-webflow-cms-rich-text-element
I have the same issue. I have read and searched for half a day now how to change the color of a rich-text content and the client is getting impatient (original post here).
I can’t seem to find any ways of changing the color of a RTE content of a blog post (can it be related to the fact that the text comes from the database?). I’d really appreciate some doc/help on this issue !
I’d appreciate an update on this as well - within Webflow if you highlight a style section within a rich text element nothing happens. No way of styling the various styles. This can’t be a hard limitation - that would be ridiculous, no?
@Chris_Berridge You can style the different elements within a rich text block by applying styles the same as you would for non-rich-text elements.
Have you got a Style Guide page? If you don’t, that might be the easiest way to solve this: Set up a separate (draft) page that has all the styles you want to use on your site. Add a rich text element, and within that RTE style each type of element as you want. Those styles will then be applied to the RTE on a CMS page.
There’s lots of style guides out there (e.g. from Relume) that you can start from.
%20(3).jpg)
