Contact Form

Hi,

I’d rather not have a map animated on my contact form, instead I’d like an image to slide in. Is it possible to change this?

Many thanks

John

Hi,

Not really possible as the map is built into the widget.
But here’s a different way:

  • add a text widget;
  • add this:

<div class="wow fadeInLeft col-md-6 animated">
   <img src="path/to/your/image.jpg"/>
</div>
<div class="map wow fadeInRight col-md-6 animated">
   [contact form shortcode]
</div>

Thanks Vlad,

Should this just be added to my child theme, or will it need to go elsewhere?

It needs to go in the text widget I mentioned :slight_smile: The regular one that comes with WP.

Thanks Vlad, somethings not right.

I’ve added…

<div class=“wow fadeInLeft col-md-6 animated”>

</div>
<div class=“map wow fadeInRight col-md-6 animated”>
[contact form shortcode]
</div>

To a text widget on my Contact page but it is just sowing that as text.

Sorry to be a pain!

http://grannymoff.com/contact-me/

Can you have another look and make sure that’s all you have in your text widget? No extra " outside the code.
Make sure to also replace [contact for shortcode] with your actual shortcode.

Hi Vlad,
the contact form is showing but not the animated image, the code I have in there is:

<div class=“wow fadeInLeft col-md-6 animated”>


</div>
<div class=“map wow fadeInRight col-md-6 animated”>
[contact-form-7 id=“2761” title=“GrannyMoff Contact”]
</div>

Can you send me an admin account to vlad[at]athemes.com so I can have a quick look? There’s probably a plugin that’s stripping HTML from the text widget.