Return to previous page

Topic: Contact form RTL - by mohamed aly

mohamed aly

Participant

November 1, 2022 2:26 pm

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
Site URL: hidden
Theme version: 8.3.2
WooCommerce version: 6.6.1

Content is visible for topic creator and
support staff only.

#337653 copied to clipboard
Rose Tyler

Support staff

November 1, 2022 3:07 pm
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 to clipboard
mohamed aly

Participant

November 2, 2022 9:01 am

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 to clipboard
Rose Tyler

Support staff

November 2, 2022 1:58 pm
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 to clipboard

Viewing 4 results

1 through 4 (of 4 total)

The topic ‘Contact form RTL’ is closed to new replies.

Helpful Topics

Add to cart button on hover product look broken.

2 months ago by

Website Language

1 year, 3 months ago by

Demo importer not working correctly

1 year, 4 months ago by

8theme system image

Upload your translation files

Click on the desired target language for which you already have a translation.

Choose file (max-size 1mb, zip or rar)

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.