Fullwidth Google Map - Support | Kriesi.at

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
August 11, 2017 at 11:52 am #837394

onlinenavigator
Participant

Hello,

I dont wanna use an API Key for the Google Map so i just inserted it by an iframe.

I tried everything but it wont be fullwidth. Can you please help me?

At the moment, i put this in a normal text block:

<iframe style=”border: 0;” src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2558.6803041905705!2d8.673137215719105!3d50.11099062942997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd0ea9446ec421%3A0x4970c5171c46c2d5!2sPraxisklinik+Kaiserplatz!5e0!3m2!1sde!2sde!4v1501065544889″ width=”2500″ height=”500″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

Thank you!!!
Gabby

August 12, 2017 at 8:27 am #837796
Rikard
Keymaster
Hey onlinenavigator,

Please try the following in Quick CSS under Enfold->General Styling:
```
#fullwidthmap .container {
  padding:0 !important;
}
```
Best regards,
Rikard
August 14, 2017 at 9:14 am #838494

onlinenavigator
Participant

That worked! Thank you very much!

August 14, 2017 at 2:19 pm #838654

Victoria
Inactive Moderator

Hi Gabby,

Glad we could help!

Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Victoria

July 25, 2019 at 9:07 am #1121840

Animalhealthcenter
Participant

Hi there,

I have been trying to apply the same solution, but it doesn’t seem to work for me.

1. Added iframe maps embed code in text on my page
2. Added CSS code under Quick CSS.

Does this solution still work?

Tom

July 25, 2019 at 2:18 pm #1121908

Rikard
Keymaster

Hi Tom,

Could you post a link to where we can see the results you are getting please?

Best regards,
Rikard

July 26, 2019 at 12:01 pm #1122137

Animalhealthcenter
Participant

Hi Rikard,

I have included the link.

Best,
Tom

July 27, 2019 at 6:48 am #1122253
Rikard
Keymaster
Hi Tom,

Please try the following in Quick CSS under Enfold->General Styling:
```
.page-id-49 #after_section_1 .container {
    padding: 0 !important;
    max-width: 100% !important;
}
```
Make sure to delete the old CSS and JS files under Enfold->Performance before checkin the results.

Best regards,
Rikard
September 25, 2019 at 8:54 am #1141693

dwag
Participant

Hi
I`m having the same problem, i want to use google maps via iframe, but i cannot get it to work on full with and without space to the element below.
i already tried both of the quick css codes above, without luck.
can you please help me?

regards
S.

September 26, 2019 at 3:54 pm #1142321

dwag
Participant

is anybody from the moderators reading this forum / posts?

September 27, 2019 at 3:02 am #1142544

Ismael
Moderator

Hi,

Sorry for the delay. You have to adjust the maximum width of the color section container and remove the default padding. The steps necessary to accomplish that is included in the documentation.

// https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width

Please open a new thread or ticket if you need further help.

Best regards,
Ismael
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Fullwidth Google Map’ is closed to new replies.