Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2927991
Contact form
Closed

Comments

  • buenaoferta started the conversation
    November 30, 2021 at 3:59pm

    Hi!

    What do I have to do so that the contact form is the same as in the attached image?

    Thanks

  •  2,492
    PenciDesign replied
    November 30, 2021 at 4:02pm

    Hi,

    This form was built with the Contact Form 7 plugin, you can install this plugin and insert the form shortcode your page.

    For more information, please visit the plugin page here: https://wordpress.org/plugins/contact-form-7/

    Regards,
    PenciDesign.


  • buenaoferta replied
    November 30, 2021 at 4:30pm

    Hi,

    I have installed the plugin and the form does not fit the same as in the image that I have attached before. How can you modify it to make it the same?

    I attach a picture of how it looks on me.

    Thanks


  •  2,492
    PenciDesign replied
    November 30, 2021 at 6:16pm

    Hi,

    Please send me the URL containing this form. I'll check and send you a custom CSS code.

    Regards,
    PenciDesign.


  •  2,492
    PenciDesign replied
    December 1, 2021 at 9:19am

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .wpcf7-form > p:nth-child(2),
    .wpcf7-form > p:nth-child(3),
    .wpcf7-form > p:nth-child(4) {
        width: 33.3333333333%;
        margin: 0;
        float: right;
        padding: 0 15px;
    }
    .wpcf7-form > p:nth-child(4) {
        margin-right: 0;
    }
    .wpcf7-form > p:nth-child(5) {
        clear: both;
    }

    Regards,
    PenciDesign.



  • buenaoferta replied
    December 1, 2021 at 5:18pm

    Hi!

    The three fields are ordered backwards. If I delete the code you have sent me, the order is fine, but if I add the code the order is reversed. How can it be fixed?
    The order is:

    1. Tu nombre

    2. Tu correo electrónico

    3. Asunto

    URL: https://xn--laancianadelacabaadelacantilado-27c.com/boveda/escribeme/

    What is the code for the form to be responsive on tablet and mobile so that the three fields that are on the same line scroll down. Attached image.

    Thanks!

  •  2,492
    PenciDesign replied
    December 1, 2021 at 5:35pm

    Hi,

    You can modify the code link this:

    .wpcf7-form > p:nth-child(2),
.wpcf7-form > p:nth-child(3),
.wpcf7-form > p:nth-child(4) {
    width: 33.3333333333%;
    margin: 0;
    float: left;
    padding: 0 15px;
}
.wpcf7-form > p:nth-child(4) {
    margin-right: 0;
}
.wpcf7-form > p:nth-child(5) {
    clear: both;
}

    Regards,
    PenciDesign.