If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

CherryFramework 3. How to change Google map styling on home page

This video tutorial will show how to change home page Google map styling in WordPress CherryFramework 3.x templates.

CherryFramework 3. How to change Google map styling on home page

Here is the look of the google map on the home page:

CherryFramework_3-How_to_change_home_page_Google_map_styling-1

  1. Log into the host Cpanel, navigate to File Manager (or you can connect to FTP):

    CherryFramework_3-How_to_change_home_page_Google_map_styling-2

    Follow this path: wp-content/themes/themexxxxx/static folder to open static-map.php file:

    CherryFramework_3-How_to_change_home_page_Google_map_styling-3

  2. Open https://snazzymaps.com/ site to select another style that you would like to apply to your map:

    CherryFramework_3-How_to_change_home_page_Google_map_styling-4

    Click on the style, you will see the JavaScript Style Array, expand to see the full code:

    CherryFramework_3-How_to_change_home_page_Google_map_styling-5

    Copy the whole code:

    CherryFramework_3-How_to_change_home_page_Google_map_styling-6

  3. In static-map.php file, locate the codes for old style (Usually, you will see the comment to separate the style for each element.) Replace the old code with the new code that we have just got from https://snazzymaps.com/ site. Save the file:

    CherryFramework_3-How_to_change_home_page_Google_map_styling-7

Refresh the home page to see the new style for the map:

Feel free to check the detailed video tutorial below:

CherryFramework 3. How to change Google map styling on home page

CherryFramework 3. How to change Google map styling on home page, 5.0 out of 5 based on 1 rating