0

I'm trying to customize my Joomla 3 template and I'm kinda stuck with an issue I don't know exactly how to resolve. There're two margins just above and just below Google Maps on homepage. And what happens is that video background is visible in those stripes. I was told that I had the 

<div id="map"></div>

inside of a

 <p></p>

to remove those

 <p></p>

because they have a margin. Meaning not to touch the div itself and also not to delete what's within those tags, just to delete the tags. It's all nice, but I don't have a clue where to find it, in which specific file. Here's the live site URL:

idevsky.com

Also I'm attaching a print screen in which I drew two red arrows to show exactly what I meant.

enter image description here

|improve this question
  • This question is solved. Had to edit Google Maps code. That's all. – Gregory Aug 3 '16 at 4:06
  • Would it be possible to explain how you solved it? That will help others with the same problem. – itoctopus Aug 3 '16 at 11:29
1

In Joomla's Custom HTML module where original Google Maps code was, I had to change the old code:

 <p><iframe src="https://www.google.com/maps/d/embed?mid=1-bVo4tCI2bNdO1Ssj9CySDIWIJ0" width="1360" height="480"></iframe></p>

To this new one:

  <p style="margin:0;"><iframe src="https://www.google.com/maps/d/embed?mid=1-bVo4tCI2bNdO1Ssj9CySDIWIJ0" width="1360" height="480"></iframe></p>

|improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.