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

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

  • Avatar: mohamed aly
    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.
    3 Answers
    Avatar: Rose Tyler
    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

    Avatar: mohamed aly
    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

    Avatar: Rose Tyler
    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

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Contact form RTL’' has been successfully resolved, and the topic is now closed for further responses

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