Styling Rich Text fields for breakpoints

Design help General
1

Hi! I’m struggling a bit with setting, for example, different H3 Heading styles for different breakpoints when nested within a Rich Text Field class.

So, I’m following the webflow best practices for creating customer classes exclusive to the Rich Text Field, but, unlike regular classes, where you can then set overrides for different breakpoints, I’m not seeing the same functionality available for classes nested within Rich Text Fields.

If I create the nested classes at the Desktop breakpoint, then switch to, for example, the tablet view and make a change to the nested class, it applies to all breakpoints.

Can someone help me with this? I can’t imagine that the Webflow team didn’t think of this, otherwise it would make Rich Text Fields pretty much useless for responsive design - which is one of their main value props. So I’m just missing something here.

Thanks for your help!

Tom

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hello. I found a solution. Follow the steps here and it should work https://university.webflow.com/lesson/rich-text?topics=elements#how-to-style-rte-content

  1. Select the RTE on the canvas
  2. Give the RTE a class
  3. Select any element in the RTE
  4. Go to the Style panel (S)
  5. Click into the Selector field
  6. Select the HTML tag (e.g., All paragraphs) from the menu
  7. Click Nest selector inside of “class name”
  8. Style the element however you’d like

You can also find more details in this video https://www.youtube.com/watch?v=94KVMsMFChs