Map API Key
- This topic has 14 replies, 3 voices, and was last updated 4 years, 10 months ago by
Jerry.
-
AuthorPosts
-
August 9, 2018 at 8:58 pm #10073
edner
ParticipantHi. I want to put the map as background of the contact page. How can I do that? I have a Map API Key but I doesn’t display the map!
EdnerAugust 10, 2018 at 9:39 am #10085Zex
ModeratorHello Edner!
One of the main reasons Google Maps stopped working on your site may be the changes of Google policies concerning the work of Google Maps, announced on 16 July.
As of July 16, 2018, to continue to use the Google Maps Platform APIs, you must enable billing on each of your projects. If you choose not to add a billing account, your maps will be degraded, or other Maps API requests will return an error.
Please read the documentation:
https://developers.google.com/maps/documentation/javascript/usage-and-billing
I think the following steps will help you to get your map.
Get your API key following next guide:
How to get Google Maps Api KeyAnother way is to install an “API KEY for Google Maps” plugin,
Once when you install it and activate, open the plugin’s settings page (Dashboard->Settings->Google API KEY), and Generate your API key.
https://prnt.sc/kgxj2dThen copy the key and paste it to the Map API key text field in the Customizing->Contact menu.
After that, enter your company country & city data. Separated by (,) comma, in the Country / City text field.
Hope the above steps will help you to show the map…
Regards
August 11, 2018 at 6:41 pm #10094edner
ParticipantHi. Many thanks for the help. Could you please guide me how can I replace the “Fax:” string in contact page by “Mobil:” http://prntscr.com/khfptc
Edner
August 11, 2018 at 9:57 pm #10095edner
ParticipantHi. I change the footer Widgets Body Font color but it’s not works (http://prntscr.com/khhjnw)!
Regarding the map, is there another way to show the map above or below the contact form? Is there a shorcode that I can use to insert the contact form into a page so I can display the may using another way?
EdnerAugust 13, 2018 at 9:42 am #10099Zex
ModeratorHello, edner!
Since you already use the child-theme, to replace the “Fax” string, follow the next steps:
1.Log-in to your hosting space (server) via FTP client.
On your server, find the agama-pro folder in the themes folder
(the path should be this: … / wp-content / themes / agama-pro /)2. find the contact.php file inside the wp-content/themes/agama-pro/templates/ folder.
3. Copy that file to the wp-content/themes/agama-pro-child/templates folder.
4. Edit file in the agama-pro-child folder with some text editor (Notepad++)
5. Scroll down to the line #187
6. Replace the word “Fax”… http://prntscr.com/khwxa4
7. Save the file.next,
To change the Social Icons and site info links color in the footer area, Insert the following CSS code into
Customize ->General->Additional CSS:footer[role=contentinfo] a { color: #000; }
To change the hover color, use next code:
footer[role=contentinfo] a:hover{ color: #FFF!important; }
Change the color codes per your wish.
To show the map above or below the contact form,
You can use some of available contact form plugins, to add the contact form to the page(don’t use the contact form page template in that case), then insert the map using the WPBakery page builder Google map element.
https://prnt.sc/khwnri
https://prnt.sc/khwn2lBest Regards
August 13, 2018 at 4:00 pm #10119edner
ParticipantHi Zek,
Thank you for your help.
1) About the contact page I’ld like to use your contact form but with the map showing below or above. There is no way?
2) Please go to my website (http://www.mahona-lasterrenas.com) and go to the footer check why i’m getting this blue color on the phones number text? http://prntscr.com/ki2i20I think there is an issue with the footer setting!
August 13, 2018 at 4:22 pm #10121Zex
ModeratorHi,
1) Unfortunately, no.
2) Can you temporarily turn off the maintenance mode so that I can access your site?
August 13, 2018 at 6:20 pm #10123edner
ParticipantThis reply has been marked as private.August 14, 2018 at 8:43 am #10124Zex
ModeratorHello, Daniel!
If you want to have only a static number in the picture, I think it’s the easiest way to add numbers to the image locally, using Photoshop (or Gimp), then upload a photo to the website … just like you did.
Regards
August 14, 2018 at 8:07 pm #10134edner
ParticipantHi Zex,
help me with the second question please:2) Please go to my website (http://www.mahona-lasterrenas.com) and go to the footer check why i’m getting this blue color on the phones number text? http://prntscr.com/ki2i20
I think there is an issue with the footer setting!
August 15, 2018 at 11:03 am #10138Zex
ModeratorHi, Daniel!
It looks good on my side…
Google Chrome:
https://prnt.sc/kitldgFirefox:
https://prnt.sc/kitlw9What browser do you use?
Maybe you need to clear a browser’s cache?Regards
August 15, 2018 at 5:06 pm #10153edner
ParticipantHi.
I forget to say from the safari browser on my iPhoneAugust 15, 2018 at 7:27 pm #10156Zex
ModeratorThis reply has been marked as private.August 16, 2018 at 8:12 pm #10171edner
ParticipantCheck it out please!
August 16, 2018 at 11:19 pm #10173Jerry
KeymasterHello edner,
What iPhone device you are using ? What model ?
I have tested your website on Safari browser and few iOS emulators and i don’t see any issues.
Regards
-
AuthorPosts
- You must be logged in to reply to this topic.