How do I change the font size of the Rich Text element placeholder text?

[mdodds (Matt)]

The default font size for the placeholder text in the Rich Text element is 16px. I can’t seem to find a setting to adjust the size (or other properties) of this text?

Thanks,

Matt

[jptrinh (Jean-Philippe Trinh)]

Hey @mdodds
You can target the placeholder text with this selector:

.ww-rich-text .ProseMirror p.is-empty {
    font-size: 2rem;
}

[mdodds (Matt)]

Thanks for your reply @jptrinh

Does this mean bind the Placeholder value to the JS code you’ve included (like this picture)? How do I then set the value of the placeholder text itself (i.e. "Enter text here)?

Thanks again!

[jptrinh (Jean-Philippe Trinh)]

You need to put the code between style tags. You can put that code inside an HTML element to preview it in the editor

<style>
.ww-rich-text .ProseMirror p.is-empty {
    font-size: 4rem;
}
</style>

[mdodds (Matt)]

Wow, I had no idea you could do that with an HTML element. This opens up a whole bunch of new possibilities for me. Thank you very much. That worked well.