Changing the text direction in the form

Hi @tepcogmbh,

Since the site language is English, by default the text direction should be left to right, unless there is some custom CSS added where this line is added- “direction: rtl !important;”

Could you please double-check the custom CSS area and see if you can find a similar line? If yes, just remove that and it should be good to go!

Hope this helps. Thanks ??

Hi Shawon,

I checked, but there was not “direction: rtl !important;” .

The whole of content is as 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;

}

Hello @tepcogmbh,

I’ve inspected your site and I can see this custom CSS on your site-

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

In case it helps, here is a screenshot of the browser’s inspect element.

Please check your site for the custom CSS I mentioned above and removing that should resolve the issue.

Thanks ??

Hi Shawon,

I searched on my CSS, but I did not find the “text-align: right ! important;”. I’m sure that found that in inspects area but could not find that. Additionally I copied the CSS command of what you sent me as 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;

}

What can I do in this case?

Best

Masoud

Hello @tepcogmbh,

Thanks for writing in.

The custom code provided by us will not help to override “text-align: right ! important;” and in this case, I’d recommend checking with the theme author support as they should assist you further with this.

Please let me know if you have any other questions.