Right To Left Pages - a few issues


#1

Hi,

I have a fewissues with RTL pages - tried following older posts to fix them but to no avail…

1- How to align the form fields to the right ?
2- Some of the text seems to have a “shadow affect” especially in the smaller font.
Here’s a link to a screenshot http://imgur.com/a/ramTV
3- How can align characters like ! or . etc’ to be positioned in the end of the sentence?


#2

Hey James!

Sorry this has taken me so long to get to this! Thanks for reaching out! To make your page text display RTL, you can add this script to the Javascript Manager in your Page Builder

<html dir="rtl" lang="he">

Here’s some documention to help you a bit with the script manager.

And then for your forms, you can add this code into the Stylesheets manager in your Page Builder

<style>
  form input,
  form textarea,
  form select,
  form select option{
    direction:rtl; 
    left:0 !important;
  }
  div.lp-pom-root .lp-pom-form-field label {
    right:0;
    left:auto;
    text-align:left;
  }
</style>

Let me know if you hit any speed bumps setting that up, or if you have any other questions!

In terms of the way your copy is appearing on your page, I’m going to send this to a member of our Product team that’s working on our text, they’ll have more insight than I do. I’ll let you know what I hear!


#3

Hi,

For future reference of whoever will need it, the above code left for me the field title on the left side, changing to:
text-align:right;

fixed it for me :slight_smile: