Google Maps in Parallax Section (instead of image)

Hi Movin

I would like to use google maps in one of the parallax sections of shapely’s theme. Is it possible - instead of simply uploading an image - to embed the code, which google provides? See below:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2710.4083375333125!2d7.536821314783427!3d47.208591979160204!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4791d7f99fb9b78d%3A0x329494b0f4e12e5c!2sKinesiologie+Rack!5e0!3m2!1sde!2sch!4v1470831488705" width="400" height="280" frameborder="0" style="border:0" allowfullscreen></iframe>

I don’t want to use a static image of google’s map, but embed the map directely instead of the image, which I can upload within the widget.

Please see also attachment to understand my intention. Any chance to archieve this?

Thank you in advance for your support,
Angie

Hi Angie,

I hope you are well today and thank you for your question.

It is not possible to achieve that exactly without developing custom code but you can display the map in place of Parallax Section text content by using custom plugin solution shared in the following topic and then adding the Google map code in the Parallax widget content field.

https://colorlibsupport.com/t/cusomizing-parallax-widget/

Best Regards,
Movin

Hi Movin

Appreciated your help - thank you very much! The custom plugin, you mentioned, is already intstalled and works fine.

There’s one more question left for now: I added the facebook-like-button as it is described on developers.facebook.com. It is shown to the right of the menu in the header. The code I used:


<div class="fb-like" data-href="https://www.facebook.com/xyz" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div> 

What custom css-code do I have to implement, so that the facebook-buttons are exactely the same aligned as the menu? Please see attachment to understand what I mean.

You are most welcome here :slight_smile:

To help us keep support thread separates could you please create new thread for your other questions here https://colorlibsupport.com/c/shapely/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.