In step 9 of the instructions for responsive google map I have a question. To insert the code supplied do you erase everything in the custom css page and paste the code or do you put it in between the body { }?
Thanks in advance
Byron
RLM and Google Map process - Post ID...
Byron Tipping
Registered User
1,584 posts
Mansour ...
Ambassador
938 posts
step 1 - if you dont want to mess up with main css, you can create new custom.css
step 2 - Copy and paste this link <link rel="stylesheet" href="css/custom.css" type="text/css"> to your HTML <head> </head>
step 3 - add the this code:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d212270.5451230493!2d-84.42060395!3d33.7677129!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f5045d6993098d%3A0x66fede2f990b630b!2sAtlanta%2C+GA!5e0!3m2!1sen!2sus!4v1396981185525" width="600" height="450" frameborder="0" style="border:0"></iframe>
to any column you wish to , but make sure wrap the iframe code in a <div>
and the rest of steps explained very well at following link;
Read this article http://www.coffeecup.com/help/articles/ … out-maker/ few times if you don't get the result.
step 2 - Copy and paste this link <link rel="stylesheet" href="css/custom.css" type="text/css"> to your HTML <head> </head>
step 3 - add the this code:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d212270.5451230493!2d-84.42060395!3d33.7677129!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f5045d6993098d%3A0x66fede2f990b630b!2sAtlanta%2C+GA!5e0!3m2!1sen!2sus!4v1396981185525" width="600" height="450" frameborder="0" style="border:0"></iframe>
to any column you wish to , but make sure wrap the iframe code in a <div>
and the rest of steps explained very well at following link;
Read this article http://www.coffeecup.com/help/articles/ … out-maker/ few times if you don't get the result.
Guys at coffeecup are awesometacular.
Mansour ...
Ambassador
938 posts
If you could hold on for a while I will make video tutorial for this .
Guys at coffeecup are awesometacular.
Mansour ...
Ambassador
938 posts
Please view this Demo:
http://www.youtube.com/watch?v=PXO1uqdgJ5U
http://www.youtube.com/watch?v=PXO1uqdgJ5U
Guys at coffeecup are awesometacular.
Byron Tipping
Registered User
1,584 posts
Thanks!
Curious as to why you did not use the map element and chose to do a separate div?
Byron
Curious as to why you did not use the map element and chose to do a separate div?
Byron
Mansour ...
Ambassador
938 posts
First of all it was quick video and I thought that's easy way to make user understand what is going on and how codes work.
I can make another tutorial with map element with it's properties no problem with that at all.
I can make another tutorial with map element with it's properties no problem with that at all.
Guys at coffeecup are awesometacular.
Byron Tipping
Registered User
1,584 posts
Just followed the video and placed a map - works very nicely!
Thanks - good video!
Byron
Thanks - good video!
Byron
Byron Tipping
Registered User
1,584 posts
This is odd - I can't get Google to let me customize the size of the map like I used to - have they changed the process there? I only have the option of "Paste HTML to embed in website" but no link to customize.
Thanks in advance
Byron
Thanks in advance
Byron
Mansour ...
Ambassador
938 posts
Bryon Tipping wrote:
This is odd - I can't get Google to let me customize the size of the map like I used to - have they changed the process there? I only have the option of "Paste HTML to embed in website" but no link to customize.
Thanks in advance
Byron
This is odd - I can't get Google to let me customize the size of the map like I used to - have they changed the process there? I only have the option of "Paste HTML to embed in website" but no link to customize.
Thanks in advance
Byron
https://support.google.com/maps/answer/3544418?hl=en
There are four setting , small, medium, large and custom size under Embed map
Guys at coffeecup are awesometacular.
Mansour ...
Ambassador
938 posts
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
