Rich text formatting

At a glance

The community member is asking for help with styling a large chunk of text, such as "Terms and Conditions", without having to manually style each paragraph and heading. The community members suggest using

flex gap on the parent and setting font size and color on the page wrapper to inherit it, which should remove a lot of the manual work. Another option mentioned is to use

Content Embed and bind the text as a code property to get tag-based styling options, similar to what a CMS would provide.

FFusatytata

Hello,
I want to ask you for help with styling pretty huge chunk of text."Terms and Conditions" and such stuff.

If I copy it right from our current webpage, it provides me a very detailed structure in Webstudio. I want to avoid that, so I am copying it without formatting. After a paste there is a lot of formatting ahead.

Is there any simple way how to avoid repetitive style of work - so I do not manually style every paragraph and every heading (with its margins and so on) one by one?

I see the token opportunity but is there any other easier way to handle this task? I have many more pages like this.

Thanks in advance!

5 comments

JJohn Siciliano

For spacing I'd use flex gap on the parent. And for paragraph I'd set the font size and color on the page wrapper. so all children inherit it. Still some manual work ahead with headings but that should remove a lot of it.

Some features in the pipeline should combat this though

FFusatytata

Thanks a lot, that is pretty clever!

OOleg Isonen

Another option is to get your original content with html text and then use Content Embed and bind that text as code property and you got tag based styling options

OOleg Isonen

same as you would get from a cms

FFusatytata

Thanks!

Add a reply

Join the Webstudio community

Rich text formatting