<div>
Sorry, looks like I forgot to attach a print screen, thanks!<br />
Here it is! <a href="https://filedb.experts-exchange.com/incoming/2016/08_w32/1109812/1.JPG" target="_blank" title="1.JPG (158 KB)"><img alt="1.JPG" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2016/08_w32/800_1109812/1.JPG" /></a>I'm very open to dialogs. Why not?
</div>


1.JPG

<div>
Thanks for your reply!<br />
So how the code should look in the end? Like this (please correct me if I'm wrong):<br />
<br />

<pre><code class="code-1 nolinks" id="code-20-41740097-1"><span>&lt;div id=&quot;map&quot;&gt;</span>
<span>    &lt;p style=&quot;margin:0;&quot;&gt;&lt;iframe src=&quot;https://www.google.com/maps/d/embed?mid=1-bVo4tCI2bNdO1Ssj9CySDIWIJ0&quot; width=&quot;1360&quot; height=&quot;480&quot;&gt;&lt;/iframe&gt;&lt;/p&gt;</span>
<span>&lt;/div&gt;</span>
</code></pre>
<br />
P.S. It's not hard to find it in a source code, but since it's a dynamic site, God knows where to change it.
</div>


<div>
<b>Eric C,</b><br />
You mean the code that I've changed? If so, then one step is done. Now the question is where to edit the code. It's easy to see homepage's source code, but I can't change it in a browser, of course.
</div>


<div>
Agreed. I am not familiar with Joomla's template structure, but it shouldn't be too hard to find. You'll need to look through the template files for your theme.
</div>


<div>
Actually, it was easier than I thought it would be! And that code is simply the code I'd got from Google Maps, which I then pasted into Custom HTML Joomla module, which generates the Google Map itself! So I've changed the code and everything is great now! I didn't have to change a source code, just the code in a Joomla module.<br />
<b>Thanks a lot!!!</b><br />
P.S. You can't see it yet on my live site, since I've just did it on a localhost, but I'll be updating live site soon too.
</div>


<div>
<div class="content wysiwyg-content">
Hello!<br />
<br />
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.<br />
I was told that I had the &lt;div id=&quot;map&quot;&gt;&lt;/div&gt; inside of a &lt;p&gt;&lt;/p&gt;, to remove those &lt;p&gt;&lt;/p&gt;, because they have a margin. Meaning<b> not</b> 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:<br />
<br />
idevsky.com<br />
<br />
Also I'm attaching a print screen in which I drew two red arrows to show exactly what I meant.
</div>
</div>


Hello!

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.

How to get rid of those two tranparent stripes above and below Google Maps?

Joomla is a free and open-source content management system (CMS) for publishing web content. It is built on a model–view–controller web application framework that can be used independently of the CMS. Written in PHP, Joomla uses object-oriented programming (OOP) techniques and software design patterns, stores data in a MySQL, MS SQL  or PostgreSQL database, and includes features such as page caching, RSS feeds, printable versions of pages, news flashes, blogs, search, and support for language internationalization.

Joomla

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.