Styling a Google Map with CSS since no HTML is present

On this page, Instituto Einstein, I have a Google Map at the end of the page (on the footer).

The zone that says "Directions", below the map, has white text on an almost white background.

I tried to see the HTML code to style the map and change background color or hide that section, but I only see JavaScript for the map.

My question is, how can I hide that box or change its background? What are the selector that I can use?

Regards,
Carlos.

  • PC
    • WPMU DEV Initiate

    Hello there Carlos,

    Thanks for posting on the forums.

    First off, its a great work you have done there :slight_smile:

    To hide that box, here we go :

    .agm_mh_marker_list {display:none !important}

    If you need to style it with a new background color :

    .agm_mh_container ul li {background:#codehere !important}

    Can you kindly try that out ?

    Cheers, PC

  • Carlos Ramos
    • Design Lord, Child of Thor

    Hey, @Mac,

    Thanks! That is what one can do when backed up by awesome themes, plugins, and support (such as WPMU DEV).

    Those lines totally did the trick. I decided to leave the box, with background set to transparent.

    Regards,
    Carlos.

  • PC
    • WPMU DEV Initiate

    Hey there @Carlos Ramos,

    Thanks for posting back :slight_smile:

    That is what one can do when backed up by awesome themes, plugins, and support (such as WPMU DEV).

    Thanks for the kind words. It really made my day !

    Those lines totally did the trick. I decided to leave the box, with background set to transparent.

    Wow, that looks even better now :slight_smile:

    Thanks a lot for the points and helpful rating ! Looking forward to help you more in near future.

    Cheers, PC

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.