Viewing 3 replies - 1 through 3 (of 3 total)
  • You can add an image to your CF7 form by including a HTML image link to your form.

    HTML:

    Your Name (required) [text* your-name]
    Your Email (required) [email* your-email]
    Subject [text your-subject]
    Your Message [textarea your-message]
    [submit "Send"]
    <img src=https://wordpressexample.com/wp-content/images/exampleimage.jpg alt="Example Image" width="300" height="187" class="alignnone size-medium wp-image-316" />

    You would also need to add suitable CSS to position the image appropriately within you form.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

    There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

    Thread Starter Egon Chile

    (@ranul-heinzberg)

    Woww! ?? Sounds great!
    I’ll trie it tomorrow.

    Thanks for your reply,
    Best regards, R.H.

    Thread Starter Egon Chile

    (@ranul-heinzberg)

    Hi, Buzztone! ??

    I got id done! – Now contact 7 got its pic ??
    https://www.ranulheinzberg.at/kontakt/

    For the position I’m not really sure wich code I need to input inside the css of my theme.
    I started with:

    .wpcf7
    {
    image align: top;
    }

    but that doesn’t work – and top is a little bit too inaccurate.

    Please tell me what to do!
    Best regards, R.H.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘integrating a photo to contact form 7’ is closed to new replies.