[dbvParticipant]

Hi,

I would like to customize my Google Map (in contact section) to greyscale (something like the attachment). Which is the easiest/best way to achieve that? I’m using Cornerstone’s built in “Embed map” now.

I’ve also looked at Snazzy Maps and mapstyle.withgoogle.com, but I couldn’t understand where to insert the map code when working in Cornerstone.

[dbvParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for writing in! Let’s use the “Google Map” element instead of “Map Embed”. You can set the map hue for the Google Map element – http://prntscr.com/d77p5r

Hope this helps.

[dbvParticipant]

Hi,

Thanks. I’ve tried that but choosing a light grey hue only made the land grey – the highways went red and the water light red.

[JoaoModerator]

Hi There,

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 to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[dbvParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

It will depend on the color you choose. Let’s try a different color – http://prntscr.com/d7m017

However note that hue is just set a specific contrast, you can’t really control every object with this. You might need to use a more advanced map with some premium plugin.

Thanks!

[dbvParticipant]

Hi,

Aha. RBG 5,35,19 made the ocean light green – so I guess it’s not possible to make these colored parts grey or white? I will look for a plugin then, thanks for the help.

[dbvParticipant]

Ps. Is there any recommended feature in Cornerstone for inserting shortcode from a plugin? I tried with Widget Area + “WP Google Maps” (no luck) and “Google Maps WD” (map does display but not correct).

[Rue NelModerator]

Hello There,

Thanks for updating in! Please insert a text element. You can insert any working shortcode using this element. If you are inserting a raw code like a map embedded code, it is advisable that you use raw content element instead.

Hope this helps.

[dbvParticipant]

Okay! So now I’ve inserted a text element with the code from a Google Maps plugin. The maps works better, but this time I have problems removing the margins (top and bottom) around the map (text element). I would like the map to cover all of it’s column.

[JoaoModerator]

Hi There,

On the class box of the text you have added your Google Maps, add : man

the class box is found at the bottom of the text element.

If that does not work, add the on style box: margin: 0 !important;

Hope that helps

Joao

[dbvParticipant]

Hi,

Do you mean that I should name the class of the text element “man”?
And then like this?

.man {
margin: 0 !important;
}

Sorry my confusion.

[LelyModerator]

Hi There,

The class man is already declared on X theme. See this:https://community.theme.co/kb/css-class-index/

No need to add this:

.man {
margin: 0 !important;
}

Hope this helps.

[dbvParticipant]

Hi again,

I’m using a plugin now to get the colors right, but the top margin is still a problem unfortunately.

[Author]

Posts