shortcode question on static page

Hi there.

The map and satellite links can be hidden by using the following CSS:

.gm-style-mtc {
    display: none !important;
}

The marker listing can be hidden on a mobile device by adding the following CSS:

@media screen and (max-width: 760px) {
    #wpgmza_marker_list_2 {
        display: none !important;
    }
}

You can use this CSS by going to ‘Maps’ -> ‘Settings’ -> ‘Advanced Settings’ and entering it in the ‘Custom CSS’ field.

Does this help?

thanks for the guide, of course it worked!

i just need to do one more correction:

info pop window, has the “Directions” link in it. can you give me the css for that to center and bold the link?

thanks.

Hi there.

So glad to hear!

Please use this CSS to center the ‘Get Directions’ link:

.wpgmza_gd {
    text-align: center !important;
    display: block;
}