Hi, I use Google Maps on my site. If I use it with the default WordPress themes, then they work fine. If I use it with the Newspaper Theme, the following issues occur:
On the latest version of the Chrome Browser (private tab), the map and its buttons become grey 1 second after page load. (https://www.dropbox.com/s/ftbyqygbi8x8wkg/Map%20blank%20Chrome.PNG?dl=0)
On Firefox the buttons stay grey (always), except if I open the developer console than it becomes visible. (https://www.dropbox.com/s/rejxzle3lzu6a3r/Map%20Buttons%20Blank%20Modzilla.PNG?dl=0)
Link to example: Link
Hi,
I’ve just inspect your link and this is the message I get:
https://www.screencast.com/t/CaUkGcy90tf
Please check the error messages: https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors
Thank you for your understanding.
Hi Calin, Sorry my Google subscription ended just shortly before you checked my site. This was not causing the issue and the subscription is active again. Could you please recheck my site? Thanks in advance!
Hi,
I’ve check and is appear to be some problem when is use google api, unfortunately this plugin wasn’t test with this theme.
Our theme does not use google maps by default
I’ll take this one on the check list for plugins.
If you like you can read about How to Add Google Maps in WordPress, and use it without api for the moment
-> https://www.wpbeginner.com/wp-tutorials/how-to-add-google-maps-in-wordpress/
Sorry for the inconvenience.
Thank you for your understanding.
If someone is facing the same issue, removing the following lines from Newspaper/style.css will make the map integration work properly:
Line 40576:
body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 0;
}
