Styling Rich Text to look like Choice element labels

Seeking some help. Inexperienced with CSS :frowning:

Attempting to use rich text labels for choices (making label blank and just having a rich text component above) that require it and struggling to make the styling the same. Hoping there’s an easy inline style I can use as I’ve already got 300 choice elements.

image

The closest I’ve been able to get is with a <h3 style=font-size:90%;>
image

Is there a list of the included CSS somewhere without diving through the browser developer tools as well?

Cheers!

So I take it you want to make the label of the choice component bolder, or what’s the expectation?

I am trying to exactly replicate the styling of the text in a choice component in a rich text component.

Try setting font-size:0.875em; and font-weight:600;

1 Like

Thank you mate! That is identical to my eyes.

Small change but very useful for me.

image

image

Can I ask how you found these 2 styles?

Units for font size, usually rarely use percent (ratio). Use px, em or rem. All this is general CSS code for handling fonts.

1 Like

Is there a reason you’re trying to style the rich text just like the native label? I assume to add more text after the rich text for further clarification?

1 Like

Yeah correct, just need some additional info that looked out of place with a normal label. No way to apply formatting, or do line breaks etc.

So I put a Rich Text above a Choice with no label text. Am just horrible with CSS!

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.