Rich Text Box (form input) Formatting

Ask the community
,
1

Hi, I’m having an issue with the rendering of a user input rich text box.

As you can see in the image below, when I edit the text in the input box, I’m setting what looks like a title and subtitle (the html is saved as

and

), but when I render this out, the theme of my site is making it look significantly different.

*** This is because my theme fonts are wildly different to those in the rich text input box ***

So, my question is, how can I manage this? I need to either:

  1. add to, or edit the text formatting on my site theme - is that possible?
  2. edit the css of my page, to manually override the theme text styles
  3. edit my saved html on submit, so that it renders more sensibly - maybe changing

    to

    and

    to

    using a string.replace(old, new)

Any suggestions or help on this? Thanks in advance.

1365×1024 60 KB

2

I see no one answered this for you. Did you get it answered? What you need to do is set your site font presents. Grab a text element and bring it onto your site. select it and hit edit text. There you will see the element font, size, color etc etc. Rich Text boxes use p1, p2, p3 text presets. Here you can select P1 from the menu, then select the font , font size and color you’d like for that preset. Rich text when displayed will always default to P2. So Try and make the presets smaller for p1 then a little bigger for p2 and biggest for p3.