Contact US page

How do I configure the “Contact Us” page to:
1.) display the world map background like shown in the demo here : https://demo.xtemos.com/basel/contact-us-3/
2.) also, how do I insert the animated icons like in the demo.

Thanks again!

Hello,

1. You can use WPBakery Google Map element to display the map. If you want some custom styles, you can copy the configuration from this service https://snazzymaps.com/ and insert it to the appropriate field in the element.

2. Use our information box element for this purpose and enable SVG animation option. You can find icons here http://www.linea.io/

Regards

Hi,

Can you please check out this page : https://www.touchoffortune.com/contact-us/

1.) As you can see, I did insert the map, but I still dont know how I can insert a world map as background under all the contact information and contact form as is done on your demo page here:
https://demo.xtemos.com/basel/contact-us-3/

2.) I also was not able to have the svg animation function even though I have inserted svg images and enabled the svg animation option in the information boxes for my “contact us” page.

website access information is in the private content area if you would like to check it

Thanks

1. That world map is a simple image uploaded as a background for the column.

2. Please, send us a link where we can see this problem.

problem page with svg animation not working:
https://www.touchoffortune.com/contact-us/

Did you take your SVG images from the service we sent you?

Yes, I took SVG images from the source you sent.

Try to add the following code snippet to the Custom CSS area in Theme Settings to change icons color

body .with-animation .info-box-icon svg path {
    stroke: white;
}

[Author]

Posts