Editable Heading Section in Webflow Component Settings

Does anyone know if it's possible (or maybe an alternative way) that I can turn this heading section into an editable section within the component settings similar to typical heading where it gives the option to make the copy a property (see image) where the client can fundamentally change the copy but also determine which word(s) change to the alt style. Currently my main font is using 'heading-style-h1' - I am using a span with a class of 'is-alt' to override the font. Is it possible to do this with the component tool in Webflow

11 comments

Ganesh U.
·
·
Hey Grant T. I wanted the same for one my client. But I went with inline flex
Ganesh U.
·
·
and three text props
Grant T.
·
·
& when you did that was the client able to add the style where they want or was yours more fixed (as in they can only apply the alt style to the 3rd word for example)
Ganesh U.
·
·
it is actually fixed
Ganesh U.
·
·
First set of words and last set of words are of same style and middle words are different style
Grant T.
·
·
Yeah that’s the only issue in this scenario the client needs to be able to add it with some flexibility - I’ve read a potential solution using a rich-text style & a bit of custom css using a bold tag for example to apply the style - may be worth exploring
Grant T.
·
·
Right I’ve managed to get this resolved by using a global .w-richtext strong & using a Rich Text editor with a H1 wrap around the text & turned that into a property for the component so whenever they make one of the words bold in a rich text editor only will it apply the alternative heading style 👍🏻 👍🏻
Ganesh U.
·
·
Oh nice
Ganesh U.
·
·
Can you explain in detail about it
Grant T.
·
·
Yeah of course - when I get to work later I will take a screenshot of the set up & explain what’s happening 👍🏻
Ganesh U.
·
·
Thanks!

Editable Heading Section in Webflow Component Settings | Relume Community