Contact Forms in Royal Theme - by Su Flo

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

  • Avatar: Su Flo
    Su Flo
    Participant
    April 3, 2018 at 12:39

    Dear 8Theme,

    We have a question in the Private content.

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 3, 2018 at 14:13

    Hello,

    To add some contact form on the page use the shortcode of form – http://prntscr.com/j08wv1

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    April 3, 2018 at 14:39

    Hi Rose,

    Thanks for coming back.

    Do you have the code for the form that came with the Royal Theme? We would like our forms to look exactly the same as http://prntscr.com/j09cwh and with the captcha too. We can’t seem to find the code for this form anywhere. Hope you can help. Kind Regards, Su.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 3, 2018 at 15:31

    You can use code like this http://prntscr.com/j0a9ag:

    <p>Your Name*<br />
        [text* your-name] </p>
    
    <p>Your Email*<br />
        [email* your-email] </p>
    
    <p>Website<br />
        [text your-website] </p>
    
    <p>Your Message* <br />
        [textarea* your-message ] 
    </p>
    
    <p>[submit "Send Message"]</p>

    Please read there articles – https://contactform7.com/captcha/ https://contactform7.com/2015/09/17/contact-form-7-43/

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    April 3, 2018 at 16:04

    Thank Rose,

    We’ve now added the code.

    I’ve noticed the width of the contact form boxes is not as wide as the demo site as per http://prntscr.com/j0athd

    Any help will be greatly appreciated. I’ve taken away the “website” box from the contact section as its not required.

    Kind Regards, Su.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 3, 2018 at 16:16
    .wpcf7-form textarea, .wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
        width: 100%;
    }

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    April 3, 2018 at 17:28

    Hi Rose,

    Many thanks, could you confirm where we put this code, have tried theme (nothing happens) and the contact form 1 additional settings (nothing happens).

    Ww’re almost there! Hope you can help please. Kind Regards Su.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 4, 2018 at 07:34

    Hello,

    The code should work from Theme Options > Custom css. Please clear cache and check one more time – https://prnt.sc/j0ldzl

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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