Where is the text span tool?

Hi there,

Apologies if this has already been answered elsewhere - I couldn’t find any similar post.
I am trying to make one word in a sentence a different color from the rest of the sentence.

I am having trouble finding the text span tool - Webflow University says there should be a “brush” icon in the options above my text selection - but when I make my selection no “brush” icon shows up.

I have tried selecting the text and creating a new class, or a combination class, but whenever I click onto the Style Panel - the word is deselected - and the selection reverts to the whole element.

I would really appreciate any help!
Thank you!


Here is my site Read-Only:
https://preview.webflow.com/preview/kimberleygeedesign?utm_medium=preview_link&utm_source=designer&utm_content=kimberleygeedesign&preview=a990b0dcee7a47c3a865822ce654e76b&pageId=63083375e33a104be759264f&itemId=63083b7acae0b465f4732765&workflow=preview

Unfortunately Webflow does not have <span> creation capabilities in the Rich Text Block- what you’re looking at is the standard Text Block.

Yeah, I can hear you asking…

"What? But why does Webflow’s basic Text Block have formatting capabilities that the Rich Text Block doesn’t?

And… I can’t answer that. I’m sure there’s some history there. On the plus side, , you’ve reminded me to add this as a Wishlist item, which I thought I’d created years ago.

https://wishlist.webflow.com/ideas/WEBFLOW-I-5331

In the meantime, Webflow has recently added the Superscript and Subscript tools to the Rich Text Block, which you probably don’t need and can restyle.

image

Here I’ve restyled Superscript as red text, and Subscript has yellow-highlighted text.

And here’s a video tutorial on how to accomplish that.

It’s not the perfect solution. You will have to educate clients what to click in the editor to get the styling they want. You might also hurt accessibility slightly or confuse screen readers as these are still rendered as <sup> and <sub> elements in the HTML.

But it might get you what you need.

1 Like

@memetican Ah, thank you for your reply. I’ll try using a standard Text Block in that case! It would be nice in a Rich Text Block wouldn’t it.

It would but I’m really happy with the approach in the video above, it works a treat. Definitely upvote that wishlist item so we can get this on the Webflow’s team radar.

https://wishlist.webflow.com/ideas/WEBFLOW-I-5331

1 Like