Rich Text Input font size

Hi all-
I need to set a Rich Text Input’s default font size to 14.

I know there have been some similar topics but none of them have produced a solution that works for me. I have tried creating a HTML visual element and putting in .ql-editor {font-size: 20px !important;} but I suspect I have misunderstood/am missing something because I just get that as text with no results on the text box.

Any ideas?


Remove the style of your text element
and scroll down where you see the font type… size, and other options.
then select your preferred font size

Elements have styles attached to them that can be edited from the style menu on the left side of the screen. If you click on a style for text (or create a new one) you should be able to edit it and set its font size to 14. Then you should be able to see right below where you can change the name of the style a grey text that allows you to set that style to default for text boxes.

1 Like

Great writeup @wknepp
Another viable solution when working with styles

1 Like

Just in case you were still looking for the answer to this for the RTE (Rich Text Editor - does not have any font style controls - see image)

I managed to do it by adding an HTML element to the page and then including this:

.ql-editor { font-size: 16px !important; font-family: 'Inter'!important; color:#404040!important; line-height: 1.75!important; }


also - add this in if you need to remove the padding


Example below with it removed (pink) in the Rich text input (or editor), the white above is a standard text display.

I wanted nicely formatted inline editing … and now I have it :slight_smile: oh yeah!

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.