Text editor setting

Hi team,

Whenever I add the CSS code to change the font-family of the phrase “#omniRAWellness” it makes it a separate line but is there a way to keep it as one line? I want to try to keep it as a text before resorting to a photo for translation purposes.

Thanks

Try to apply display inline. Doesn’t work for you? Please share a link to your live site, so I can inspect and suggest you with possible working code.

Regards,
Kharis

how do I apply display inline? I am currently using a staging site to edit my website, so these changes aren’t live on my site yet. Even if I sent you a link it shows a generic coming soon page.

Hello there,

You could use inline CSS code that looks like this:

   <div style="display: inline;"></div>

You could also use external CSS by targeting exact CSS selector. To help find the correct code, please share a link to the page in question.

Regards,
Kharis

here is the link to my page:

https://omnirah.com/staging/8219/

Hello there,

In the editor widget, switch to Text mode to edit the HTML code of the text. Then insert display: inline; style inside the style attribue to the respective tags which display “You’re invited…” and “#omniRAWellness”. So you’d have something like this:

<h2 style="text-align: center; color: rgb(0, 0, 0); display:inline;">You are invited to journey with me in</h2>
<p style="font-size: 250%; text-align: center; display:inline;"><a href="http://instagram.com/tags/omnirawellness">#omniRAWellness</a></p>

Regards,
Kharis

It worked! thank you

Nice!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis