Return to previous page

Contact form RTL - by mohamed aly - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 2 years ago ago by Rose Tyler

mohamed aly

Participant

November 1, 2022 at 14:26

Hi
we set contact form as in image kindly need to
1.align text rtl as in image
2.need to change contact form color in prefooter to white
thanks

Please, contact administrator
for this information.

#337653 Copied Theme version: 8.3.2 WooCommerce version: 6.6.1

3 Answers
Rose Tyler

Support staff

November 1, 2022 at 15:07
Hello,

1/ Add the next code in Theme Options > Theme custom CSS:
```
.rtl .wpcf7 input[type="email"] {
    direction: rtl;
}
```
2/
```
.prefooter .wpcf7-form label.error {
    background-color: white;
    padding: 10px;
}
```
Regards
#337655 Copied
mohamed aly

Participant

November 2, 2022 at 09:01

Hi
thanks a lot for your professional support , after add valid mail and press submit column background color become white https://prnt.sc/3j5h2YyFvfyq
pls do some test like enter non valid mail , enter valid mail to check how it look
pls advice how to fix it
thanks in advance

#337699 Copied
Rose Tyler

Support staff

November 2, 2022 at 13:58
Hello,

Add this code also:
```
.wpcf7 form.sent .wpcf7-response-output {
    background-color: transparent;
    border-color: transparent;
    color: white;
    padding: 45px 10px 0px 10px !important;
}
```
Regards
#337727 Copied
Tagged: contact form rtl, rtl contact form, rtl wordpress templates, woocommerce contact form, woocommerce wordpress templates, wordpress contact form
Viewing 4 results - 1 through 4 (of 4 total)