Embed Esri-map fullwith - Support | Kriesi.at

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

Author

Posts
February 6, 2018 at 6:36 pm #908716

esther nijhuis
Participant

Hi there!

I’ve made several websites with the Enfold theme. Wonderful theme!!
One of the websites has on every page a fullwith photo at the top. Now I want to embed a map, made with Esri software, into the portfoliopage. I would like to have it the same way as the other pages: at the top and fullwith. I tried several ways to embed the map but it always shows in boxed version.
This is the iframe code: [iframe src=”https://gmpnederland.maps.arcgis.com/apps/webappviewer/index.html?id=314462a014eb4fb299fb722de024bcaf” width=”100%” height=”500″]
url-page: http://www.buiting.nl/projecten-2/

I hope you can help me…?

Thanks,
Esther

February 6, 2018 at 9:01 pm #908809
Basilis
Inactive Moderator
Hey esthernijhuis,

Thank you very much for your kind words, we appreciate them a lot!
Can you add the following CSS and let us know if it works
```
iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}
```
Thank you very much

Best regards,
Basilis
February 7, 2018 at 10:31 am #908996

esther nijhuis
Participant

Hi Basilis,

Thanks for your support!
The CSS doesn’t work… I hope you have an other option? :-)

Best regards,
Esther

February 7, 2018 at 4:26 pm #909254

Ismael
Moderator

Hi,

Thank you for the update. Please put the code block inside a color section then following this instruction.

// https://kriesi.at/documentation/enfold/color-section-with-100-container/

Best regards,
Ismael

February 7, 2018 at 6:26 pm #909338

esther nijhuis
Participant

Hi Ismael,

Thanks! It works!!
Problem solved :-)

Best regards,
Esther

February 7, 2018 at 8:54 pm #909398

Basilis
Inactive Moderator

Hi,

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,
Basilis
Author

Posts

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

The topic ‘Embed Esri-map fullwith’ is closed to new replies.