Home>Support>How can I change the color of the Google Map in SiteOrigin?

How can I change the color of the Google Map in SiteOrigin?

By Miki Kuwana, 9 years ago. Last reply by eric monge, 9 years ago.

How can I change the color of the Google Map in SiteOrigin?
I went tot “styles” and chose “custom” or “predefined” but nothing happens, nothing to choose.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 2 months ago Magus
    Hi, I Work Here

    Hi Miki Kuwana

    Thanks for letting us know about this. I’ve logged this as a potential bug in our issue tracker. We’ll investigate this as soon as possible and try come up with a fix.

    Thanks

    Magus

  2. 9 years, 1 month ago granim

    I know this post is a bit dated but the way I fixed the issue of adding a color overlay to google maps was the use of css rgba.

    Here is the code I used
    .gm-style div:first-of-type div:nth-last-of-type(1n+1) {
    background-color: rgba(311, 80, 0, 0.2);
    }

    The 1n+1 adds the background to ever element div within the map. So you will need to tone down the opacity.
    I was trying to add it to just one specific div within the google map element but that was having undesired effects.

    Hope this helps

    • 9 years, 1 month ago Magus
      Hi, I Work Here

      Hi Granim

      Thanks for the info, I’m sure other users will find it useful.

      Magus

  3. 9 years, 1 month ago eric monge

    Well, It’s not doing the trick for me, I used to customize map to have a Black and white one: And I can’t access custom style anymore.
    Any date about a patch?

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More