'When Nested Inside of' Option not appearing

Design help CMS
1

Hi all,

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!

Screenshot 2024-01-19 111631
Screenshot 2024-01-19 1116311715×805 87 KB

Here is my public share link: [(Webflow - Kingsworth School Website)]

2

Also, the '- ’ markdown shortcut is not working properly :

Screenshot 2024-01-19 115053
Screenshot 2024-01-19 1150531455×740 187 KB

3

Did you get an answer to this? In the same boat.

4

2 months late, didn’t see Lou’s message.
Hopefully this will help you also @Deanishes

1 Like
5

Exactly what I needed, thank you so much.

1 Like
6

I must be nuts. Not only does doing what’s outlined in this video fail to surface the “when nested inside” option, I’ve literally never seen it appear. Has it been removed from Webflow? How do I target specific elements or classes based on their parent?

7

Yep it’s not obvious until you understand that it needs a context for the feature to make sense.

You see it when you have;

  • Any richtext element that is NOT bound to the CMS
  • Where the richtext element has a class
  • And you select an element inside of that richtext element, e.g. a paragraph, or an H2
  • And then in the class selector you choose e.g. “All H2’s”

In that configuration, you’ll be prompted to be able to style a specific element type specially within rich text blocks with that class only.

This should help-

Outside of this elements-within-richtext scenario, Webflow’s styling system doesn’t expose any way to style things contextually by nested relationships.

You’d need to use custom CSS for that.

8

I’ve stumbled across this thread as I’m going mad too.

I’ve built 400ish Webflow projects, but for some reason the ‘When nested in’ feature is not there!

Richtext element is given a class “footer-text”. I highlight a H2 heading or a hyperlink, and try to style “when nested in footer-text” and its 100% not there!

I’ve done this hundreds of times before. Honestly, Webflow is getting more and more frustrating.

9

Readonly link? Since you know Webflow well, my first guess would be a browser extension or cache issue.

10

I had the exact same problem as you guys. Now I found what was the problem for me: The option simply does not exist for rich text elements within components. I unlinked my component, styled the elements using the “when nested in” feature and then created the component again :upside_down_face:

2 Likes