(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!

1 Like

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; 
           }
3 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>
3 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

Hey, could you explain how you did this please?

Hey, could you explain how you did this please?

I’m not entirely sure what needs explaining?..

Are you unsure how to add an element to your page? Or how to copy and paste text?

In any case, that’s all you need to do.

Hello Adam,

Apologies for being vague.

I have the rich text editor here and I wanted to take out all the fonts and add the font called ‘outfit’ instead. I also only want h2 and h3 available whilst keeping all the other editing elements the same.

How would I go about doing this? Where do I put the code? Where can I find the HTML element in style tags?

Sorry for the bombardment of questions!

Thank you!

You’d have to look into using some custom JavaScript to do all of that.

Ah right, Cheers!