Forum Academy Marketplace Showcase Pricing Features

(Rich Text Editor) Default Font Size and Font Type

I’m wondering if it is possible to somehow set the default font size and font type of the editor.

  1. font size (small, normal, large, etc)
  2. font type (sans serif, Arial etc).

Thanks!

Customization with vanilla Bubble plugins, that’s a funny joke

I’m wondering if it is possible to somehow set the default font size and font type of the editor.

  1. font size (small, normal, large, etc)
  2. font type (sans serif, Arial etc).

You can do this using custom CSS on the class .ql-editor… e.g.

.ql-editor { 
            font-size: 16px !important; 
            font-family: 'Open Sans' !important; 
           }
2 Likes

Where do I have to put this CSS code?

In a HTML element, inside style tags.

<style>

.ql-editor { 
            font-size: 24px !important; 
            font-family: 'Open Sans' !important; 
           }

</style>
2 Likes

Can you explain in more detail exactly where to insert this custom CSS code? I can’t find where the HTML element is located… Is it in the Rich Text Editor settings? Can I have a screenshot ?

I’m using this Rich Text Editor Plugin | Bubble

Just add an html element to your page, and put it in there.

1 Like

Thanks, I already figured it out)

1 Like