Maps like Contacts example page

[ruiganga]

Hi

I’ve tried to use visual Composer to do the same visual style as the Kleo Contacts Example Page.

All I get is a blank space.

I’ll appreciate some guidance on this.

[ruiganga]

Now the map shows but not in fullwidth as the contact page example.

[Abe]

Hi, If you haven’t imported the demo content, here is the code from the Contact page. Add it it the Text tab of the editor

COPY CODE

[vc_row inner_container="no" section_type="main" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="0" padding_bottom="0" border="bottom" css_animation="right-to-left" min_height="0"][vc_column width="1/1"][vc_gmaps type="m" zoom="14" link="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d13250.216292683543!2d151.23235643049514!3d-33.87538140441755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sro!2s!4v1391343442092" size="250"][/vc_column][/vc_row][vc_row inner_container="yes" section_type="main" bg_position="top" bg_repeat="no-repeat" bg_cover="true" bg_attachment="false" parallax_speed="0.1" padding_top="40" padding_bottom="40" min_height="0" border="bottom" css_animation="right-to-left"][vc_column width="1/2"][vc_column_text css_animation="right-to-left"]
<h4>Main Office</h4>
<strong>Address:</strong>
Lorem ipsum dolor sit amet, has an nullam sadipscing ullamcorper, nisl graeci minimum usu no, ne est erat deseruisse vituperata.

Lorem ipsum dolor sit amet, has an nullam sadipscing ullamcorper, nisl graeci minimum usu no, ne est erat deseruisse vituperata.

<strong>Email: </strong>
<a href="mailto:support@seventhqueen.com">support@seventhqueen.com</a>

<strong>Phone: </strong>
(+1) 07123456789[/vc_column_text][/vc_column][vc_column width="1/2"][vc_column_text css_animation="right-to-left"]
<h4>Send us a message</h4>
[/vc_column_text][contact-form-7 id="29" title="Drop us a line"][/vc_column][/vc_row]

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

And make sure the page has selecte the Full width Page template, without sidebar

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[ruiganga]

Thanks for the help.

I did not installed the demo site content.

I’d like to suggest you to put the HTML content somewhere in the Kleo Demo site so anyone can reproduce each page.

[Abe]

Great. We will probably do that.
Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts