Rich Text being restricted by box

Highlighted
Anonymous
Not applicable

Rich Text being restricted by box

Can some please help explain why my rich text is condensing to two lines rather than one. 

pastedImage_0.png

The Field Width is adequate...

pastedImage_1.png

pastedImage_2.png

...Any thoughts?

5 REPLIES 5
Highlighted
Level 10 - Community Moderator

Re: Rich Text being restricted by box

Please provide your URL. Can't troubleshoot a screenshot.

Highlighted
Anonymous
Not applicable

Re: Rich Text being restricted by box

Highlighted
Level 10 - Community Moderator

Re: Rich Text being restricted by box

You have a CSS breakpoint at 1023px. At or above that width the form is 2-column and the RTA is just in one column (width: 50%;)

.This, while inelegant, will fix it (it's very specific to your form layout so it's not ideal):

@media screen and (min-width: 0) {

  /* final rich text area spans columns */

  .mktoForm .mktoFormRow:nth-last-of-type(2) {

    width: 100%;

  }

}

Highlighted
Anonymous
Not applicable

Re: Rich Text being restricted by box

Sorry, how do I convert this to html

Highlighted
Level 10 - Community Moderator

Re: Rich Text being restricted by box

It's CSS, you add it to your global CSS file (which is where the other breakpoint rules are set).