Changing the position of the embedded map

[aprilfrancis]

How would I center the embedded map on my page? Right now it looks like this: http://tinypic.com/r/ba2qp/8. How would I make it so that the map is on top of the two export buttons, and the map is centered on the screen and the group of buttons is centered on the screen?

• This topic was modified 11 years ago by aprilfrancis.

[George]

Hey @aprilfrancis,

Thanks for reaching out here. Your questions are unfortunately theme-specific design questions, which we can’t help with, but the general idea here would be to head to the bottom of your theme’s style.css file and write Custom CSS to adjust this layout to your needs.

To make it a lot easier to write such customizations, I highly recommend a tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome – these tools are wonderful and all have an “Inspector” tool that let you zoom right over an element to see what CSS you’ll need to adjust its display.

Something like this might help on your site, though I’m not sure for certain since I was unable to find the Map View page on your site:

#tribe-geo-map-wrapper {
float: left;
clear: both !important;
width: 100% !important;
}

If you have other technical support questions or questions about functionality please let me know!

Thank you,
George

[aprilfrancis]

@George thanks for getting back. The code did not work, and after inspecting the elements on the page, I couldn’t find one for the map. Here is a link to an example with the map. http://dosemarket.com/dose/dosebomb/

[aprilfrancis]

Just resolved it! Was looking at the wrong section in the console in Safari. I got the map to be centered by putting in this code

.tribe-events-venue-map {
    float: left;
    clear: both !important;
    width: 100% !important;
 }

[George]

Awesome! Thanks for sharing your solution here. Be sure to keep good backups of any custom CSS like this, just in case you lose it in a theme upgrade in the future 🙂

Best of luck with your site,
George

[Author]

Posts