Docs

[jrhager84]

This reply has been marked as private.

[Rue Nel]

Hello There,

I have tested your code:

<div style="float:left;"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3471.796216316663!2d-95.03848398479262!3d29.52229858207529!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x863f62c652f5c1a7%3A0x1586714411d0486a!2s951+Columbia+Memorial+Pkwy%2C+Kemah%2C+TX+77565!5e0!3m2!1sen!2sus!4v1461954880624" height="auto" frameborder="0" style="border:0"></iframe></div>

And it displays the map small enough for you to see it. You can check it here:
http://prntscr.com/azb6ic
http://prntscr.com/azb6wa

Now if you want to display it wider, you can add width=”500″ and even the height.

[jrhager84]

The problem I’m having is it’s not showing up in the footer when I add that code. Is there something wrong with it? Thanks!

[Rupok]

Hi there,

Thanks for updating. I can’t see this on your site (Customizer or widget area). Where you are using this?

Cheers!

[jrhager84]

I’ve tried injecting the code both in the footer content area of Customizer, as well as in the global CSS as well, to no avail.

[Friech]

Hi There,

The code is HTML please do not add it on the Global CSS. Would you mind deactivating all your 3rd party plugins first (esp. the wordfence plugin) and then try to place the code below on Footer Content and save.

<div style="float:left;"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3471.796216316663!2d-95.03848398479262!3d29.52229858207529!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x863f62c652f5c1a7%3A0x1586714411d0486a!2s951+Columbia+Memorial+Pkwy%2C+Kemah%2C+TX+77565!5e0!3m2!1sen!2sus!4v1461954880624" height="auto" frameborder="0" style="border:0"></iframe></div>

If the map successfully added to your footer, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes, Cheers!

[jrhager84]

How do I remove the padding on the container? It’s throwing everything out of whack. I just need it to be almost a clickable thumbnail that’ll take them to the map. I was thinking about having the actual text address right below it. Then they can click for directions. Make sense? Thanks! We’re nearly there!

[Christian]

Hey there,

I tried accessing your WP Admin but I get this (see attachment). Please check your site.

Thanks.

[jrhager84]

This reply has been marked as private.

[Friech]

Hi There,

The footer container does not have a padding, so I’m not sure what padding you’re referring to. If you need the map to be on the left-side edge and the social icons on the right-side edge, add the custom css below on your customizer.

.x-colophon.bottom .x-social-global {
	float: right;
    width: 200px;
}
.x-colophon.bottom .x-container.width {
 	width: 100%;
 	max-width: none;
}

If you need some text underneath the map, you can update the code to:

<div class="mymap" style="float:left;"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3471.796216316663!2d-95.03848398479262!3d29.52229858207529!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x863f62c652f5c1a7%3A0x1586714411d0486a!2s951+Columbia+Memorial+Pkwy%2C+Kemah%2C+TX+77565!5e0!3m2!1sen!2sus!4v1461954880624" height="auto" frameborder="0" style="border:0"></iframe>
<p>SOME TEXT HERE</p>
</div>

Thanks.

[jrhager84]

What I’m referring to is the social icons are *higher* than the map, and the map isn’t on the left 1/3 of the screen, so it pushes the centered text to the right. My thoughts are this. Left 1/3 Map, Center Text, Right 1/3 social icons. If that makes sense.

[jrhager84]

Ok, so setting the width fixed the height of the social icons, but the centered text is off-center. How would one go about centering the text? If I have to, I’d rather it below the social icons than off-center. Thanks for the help!

[Joao]

Hi There,

Did you remove the map? I am not quite sure what you mean by looking at your website.

Here is a screenshot of what i can see.

Please clarify a bit more about exactly what you want to fix.

Thanks,

Joao

[jrhager84]

The bottom split into thirds. Left third – map. Center – ‘Website by’ text. Right third – Social icons. That’s all. Map is showing up for me. Interesting.

[Rahul]

Hi There,

would you mind providing us with

– login link to your site
– WordPress Admin username / Password

Don’t forget to select Set as a private reply. This ensures your information is only visible to our staff.

Thanks.

[Author]

Posts