[SOLVED] Replacing the google map at the bottom with our ow

Hello,

We are setting up a research website (africasafe.org), and have replaced the google maps at the bottom with our own map of Africa with slices / links.

Unfortunately, any contents in the iFrame is showing up in greyscale, I haven’t found a way to display the colour.

How do I do this?

Also, for some reason, I am not able to center the iFrame. Any suggestions?

Thank you for your help, and best regards,

Alain Chammas

Hi there,
add this code to your css/custom.css

#map {
webkit-filter:none;
filter: none;
}

To center the iframe use this method

<iframe style="width:100%"></iframe>

Problem solved.