How can I right align the email address field?

Hi,

We have a form in Hebrew which is a RTL.

We have this code added to the CSS section:

.form-label {

    display: block !important;

    float: none !important;

    text-align: right !important;

}

.form-all * {

    direction: rtl !important;

}

All non widget input fields are right aligned, though the email address widget input field is not, is there a way to solve this?

Thank You,

    Gil.

The widget has its own CSS box, and you need to apply the CSS there as well. I've fixed it for you. Please check now.

Guide to check the CSS in the widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets. 

Hello Welvin,

WOW - thank you! that's super - just what was needed.

input#user_email {

    direction: rtl;

}

A question for future cases - from where can I know the name of the widget, in this case "user_email"?

Much Appreciation,

           Gil.

For regular fields, you can find the ID in the field properties:

https://www.jotform.com/help/146-How-to-find-Field-IDs-Names

However, for widgets, you need to check that in the browser via the inspect element feature. 

For Google Chrome: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/.

For Firefox: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector. 

Hi Welvin,

Thank you very much for the detailed response - that's great to know.

    Much Appreciation,

              Gil