Docs

[jrhager84]

I am having a bear of a time finding out where each footer location is, and what it’s tag is (i.e. .x-colophon.top, etc.) I’m trying to add a google map shortcode to the *lower* footer area (the footer widget seems to only add to the top). Is there any source of info I can use to figure out how to get a responsive iframe google map shortcode into the lower footer aligned to the left? Thank you so much!

-Joel

http://www.guardiancheer.com

All plugins/extensions up to date.

[Lely]

Hello Joel,

Thanks for posting in and giving us your site URL.
.x-colophon.top is the class for footer container that holds the widgets. Widgets can be added in Appearance > Widget. Depending on the number of widget you have set on Appearance > Customize > Footer > Footer Widget Areas. Then we also have bottom footer. We can set this to ON via Appearance > Customize > Footer > Bottom Footer:ON The container for bottom footer will be .x-colophon.bottom. The bottom footer will display the menu, the social plugin icons and then the custom content( like the MAP shortcode) you might add on Footer Content. See attached image.

[jrhager84]

So, would I just add the iframe embed code with a left alignment to get to to align to the left, before the other content in the footer content?

[jrhager84]

When I try to put the code in, nothing shows up, but it *does* show when I put it in via cornerstone’s ‘raw content’ element. Why would it not show in the footer? I’ve tried resizing and everything… :/

[Zeshan]

Hi there,

Thanks for writing back!

Instead of adding the code inside the Footer Content are in Customizer, please insert it in a Footer Widget Area under Appearance > Widgets using a Text widget.

If you face difficulty adding the code, please provide us with the code you are trying to insert and also your WordPress admin login credentials so we can take a closer look to the issue. Don’t forget to select Set as private reply to ensure your data remains hidden from other users.

Thank you!

[jrhager84]

The problem is I don’t want it in the *upper* footer, and I was led to believe that the widgets are in the upper part.

[Christopher]

Hi there,

Thanks for writing in!

The widgets areas are only available in .x-colophon.top which is upper part.

What you’re trying to achieve could be possible with custom development but it would be outside the scope of our support.

Thanks for your understanding.

[jrhager84]

I understand, however, the map code should be able to be injected, correct? It’s just a simple map embed. I’m sure I can add it somewhere, correct?

[Zeshan]

Hi Joel,

Thanks for updating the thread!

Can you point us to the location (perhaps some screenshots) where you want to show the map?

Thank you!

[jrhager84]

http://www.guardiancheer.com

I want it on the left where ‘Site by JR design’ and the social icons are. In the lower footer. Wouldn’t this work?

footer.x-colophon.bottom {

align: left;
<map>mapembedcode</map>

}

[Paul R]

Hi,

You can add your map embed code in Appearance > Customize > Footer > Footer Content.

eg.

<div style="float:left;">YOUR MAP EMBED CODE</div>

<center><a href="www.joelhager.com">Website by JR Designs</a>
<br>
<p>Copyright <span id="year">2016</span></p>
</center>

Hope that helps.

[jrhager84]

Perfect. I was thinking I had to put it in a div, but wasn’t quite sure how to accomplish this. Thank you for clarifying!

[jrhager84]

It doesn’t seem to be working. Is there something I’m adding incorrectly? Here’s what I have:

<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&#8243; height=”auto” frameborder=”0″ style=”border:0″></iframe></div>

[Thai]

Hi There,

In this case, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link login 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.

[jrhager84]

This reply has been marked as private.

[Author]

Posts