Categories

Featured templates

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

Elina Webb March 30, 2016
Rating: 5.0. From 2 votes.
Please wait...

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
Best Responsive Wordpress Themes
This entry was posted in WordPress Tutorials and tagged CherryFramework3, google, home, map, page, styling. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.