Changing the text direction in the form

Hi @tepcogmbh,

Thanks for reaching out.

You can set the text direction from right to left by using the CSS given below-

.wpforms-container .wpforms-form textarea,
.wpforms-container .wpforms-form input {
text-align: right !important;
}

In case it helps, you can check this doc on how to add custom CSS on your site.

Thanks ??

Hi @shawon001 and thanks for your answer.
But now after entering the code, the problem changed. Now, on the home page, the language menu is displayed on the top and right, on the blog page, the language menu with a different shape is displayed on the top and left, and on the blog post page, it is displayed on the top and right. Why?

Hi @tepcogmbh,

Thanks for the update and I am so sorry to hear about the trouble.

When you get some time, could you please share the page URL so I can take a closer look? Also, please create a short screencast showing the issues. You can use?Loom?to create it easily.

Thanks ?? 

Hi,

https://zarokh.com/contact-us/

Hello @tepcogmbh,

Thanks for sharing the page URL. I tried to inspect the issue on your site. But for me, the menu is showing the same on both the blog and Contact Us pages.

Screenshots:
Contact us
Blog page

In case I am missing something, please share some screenshots of the issue from your end.

Thanks ??

Hi @tepcogmbh,

We haven’t heard back from you in a few days, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!

• This reply was modified 10 months, 3 weeks ago by TEPco GmbH.

Hi Shawon,

please check the attachment.

Best Masoud

Hello @tepcogmbh,

Thanks for sharing the screenshot. That helps ??

Please try the CSS given below and see how it goes!

.elementor-1268 .elementor-element.elementor-element-784e929 .qodef-qi-wp-forms input:not([type=submit]), .elementor-1268 .elementor-element.elementor-element-784e929 .qodef-qi-wp-forms textarea, .elementor-1268 .elementor-element.elementor-element-784e929 .qodef-qi-wp-forms select, .elementor-1268 .elementor-element.elementor-element-784e929 .qodef-qi-wp-forms .wpforms-field-number-slider input[type=range] {

direction: rtl !important;

}


Hope this helps. Thanks ??

Dear Shawon, thank you very much for solving this problem. Is it possible to put all three upper rows on the right side with one command?

https://ibb.co/9wtS8vn

Hi @tepcogmbh,

Glad that the previous issue has been resolved!

Regarding the field size issue, please just make these 3 field sizes as Large by navigating to each field’s Advanced > Field Size > Select – Large as shown here- https://a.supportally.com/i/AcUhkV

That should make all the fields in the same alignment.

Thanks ??

Good day Shawon,

the problem is completely solved, thank you very much. I have a problem with the same contact form for another website. When I start writing in each row of this form, the height of the box is shortened and I cannot see the text being written.

https://spotxy.com/contact-us/

Awesome @tepcogmbh!

Glad that the previous problem is completely solved!

For this new issue on this page- https://spotxy.com/contact-us/, please try the CSS given below-

.elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms input:not([type=submit]):focus, .elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms select:focus, .elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms textarea:focus, .elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms .wpforms-field-number-slider input[type=range]:focus {

font-size: 16px !important;

}

Hope this helps. Thanks!

Dear Shawon,

this problem was also solved. Thank you very much for all your help.

Best for you

dear Shawon,

for this last ticket, the titles and contents of all three tables should be from left to right, but now I noticed that they are right-aligned, and they should be the other way around. How should I revise this command?

.elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms input:not([type=submit]):focus, .elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms select:focus, .elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms textarea:focus, .elementor-6 .elementor-element.elementor-element-9fc7c27 .qodef-qi-wp-forms .wpforms-field-number-slider input[type=range]:focus {

font-size: 16px !important;

}