Google map
Hi MG,
I have a few questions on how to style the map.
For instance in the "Energy Demo"-
1. You have a google map that is a blue hue. If I want to make the map a different color, how do I do this?
I've installed the demo here:
I see in the map under "Styles" you have the following:
[{"stylers":[{"hue":"#5794ee"},{"saturation":250}]},{"featureType":"road","elementType":"geometry","stylers":[{"lightness":50},{"visibility":"simplified"}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"off"}]}]
I've tried changing the {"hue":"#5794ee"} code to different colors, but nothing changes.
2. Also the Box | Address area creates a red box, with small white type.
- How can I change the background color of the box?
- How can I change the font size and color?
- How can I remove the black icon in the box?
- How can I move the position of the box? Bottom right corner?
Many thanks
Comments
1. Please check the documentation (4.2.23 section) where under Styles attribute we explained where from you can get one of the pre-defined styles or generate your own color.
2. To change Address Box colors, please use below css:
.column_map .google-map-contact-wrapper .get_in_touch { background-color: #000 !important; }
.get_in_touch ul li .icon { display: none !important; }
.get_in_touch ul li { font-size: 10px !important; color: #000 !important; }
.column_map .google-map-contact-wrapper { margin-left: -500px !important; top: 300px !important; }