Change contact form style and make it like in the demo

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

  • Avatar: EntreDos123
    Estudio EntreDos
    Participant
    December 7, 2022 at 20:40

    Hi, I have looked in the documentation but I can’t find anything related to the contact form styles, in the beauty cosmetics demo the fields appear in one line only, I don’t know if you can help me. To add an acceptance box would also be interesting to know how to do it. Thanks

    https://prnt.sc/3Jz1SnMnOJ-6

    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 8, 2022 at 05:23

    Hello, @Estudio EntreDos,

    In order to solve your issue simply go to the Dashboard >> XStore >> Theme Settings >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

    @media only screen and (min-width: 1200px){
    .etheme-contact-form-7 .wpcf7-form p {
        margin-bottom: 0;
        width: 33% !important;
        float: left;   
        padding-inline-end: 20px;
    }}

    Then save settings and check back to your site after clearing the browser cache.

    The result will appear like this: https://ibb.co/tL8GLY8

    Regards 8Themes Team.

    Avatar: EntreDos123
    Estudio EntreDos
    Participant
    December 8, 2022 at 08:29

    Hi Tony, muchas gracias!!

    Works fine.

    Best regards!

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 8, 2022 at 08:32

    Hello, @Estudio EntreDos,

    You’re Most Welcome!! 🙂

    We are thrilled to know that you like our services.
    Thanks for contacting us.
    Have a nice day.

    Topic Closed.
    Regards 8Themes Team.

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

The issue related to '‘Change contact form style and make it like in the demo’' 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.