CSS for blog's inline H3 selection


I have a blog post that I need to change some text to H3.

If I do this by highlighting the text and selecting H3 from the inline options menu (the horizontal menu with options for bold, italic, sup, sub, H1-H6, etc) the H3 text changes to gray on a black background.

The rest of the page content is white - even H2s that have been created the same way (with the inline menu).

Note: This is within the design page, not the CMS page - I cant even select text to highlight in the CMS page for blog posts, which I cant tell if that’s by design or a bug - but either way it’s extremely limiting.

I cannot figure out how to change the H3 color.

Style panel shows white (cause all the other text is)
There are not heading properties listed in the Custom Properties section of Style panel.
There is no where to override this CSS that I can find.

So how do I change it?

Ive seen some things describing “All H1 Headings” in the style selector - I do not have that option from what I can tell (https://help.webflow.com/hc/en-us/articles/33961346359699-HTML-tags#how-to-style-the-body-(all-pages)-tag)

Attached image shows the text circled to the left, and the placed Ive tried to change H3 color in the style panel.

Hi there,

You can easily update the styling of all H3 headings across your site using HTML tags in the Style panel. Here’s how to do it:

  1. Select any H3 heading on the canvas
  2. Click into the Selector field in the Style panel (without adding a class)
  3. Click into the “All H3 Headings” tag
  4. Adjust the color and other typography settings as needed

These changes will automatically apply to every H3 heading across your site. If you need different styles for specific H3 headings, you can create and apply individual classes instead of using tags.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

Here’s the process you need-

Sygnal | KB | Formatting CMS-Bound Rich Text Elements

Thank you, the problem is that when I create an H3 using the inline menu (not the elements menu) it doesn’t treat it like an element. There is nothing to click - it doesn’t show an indicature in the upper left corner like elements do.

Is there no place to add custom CSS globally?

I think you’re probably tripping up over how editing v. element selection works in rich text elements, and you’re possibly editing the wrong element ( the CMS bound one ).

I’ve just recorded a video for you to touch on those important details.