Jump to content

Mapquest-Hosted Maps Automatically Changing Colors

Go to solution Solved by ksachse,

Recommended Posts

I'm using iHomefinder to provide IDX for my client's real estate website, and the maps are hosted by Mapbox/Mapquest.

For some reason, the maps inherit a mystery monochromatic color palette when they are displayed through Squarespace.

Screenshot2024-05-22at8_35_41AM.thumb.png.1c2aac24cf109c1fd23bef1e34b272da.png

However, when I view the map within Mapbox, the colors are neutral/user-friendly.

I asked iHomefinder about this and they pointed to Squarespace, saying that it's incredibly difficult to recode map colors so they stay away from it.

I've double-checked all color settings within both iHomefinder and Squarespace and there aren't any options for changing this.

Is anyone else running into a bizarre map color issue like this?

Kaila S
Shopify Partner, Squarespace Circle Member & MailChimp Expert

yumari digital
websites · email campaigns · ads · social media · graphic design

 

 

Link to comment
  • Solution
Posted (edited)

Thank you Tuan, just figured it out!

It seems that the map colors pull from the site's background color.

Now, Squarespace no longer has a universal setting for site background, so I used this code to override:

// Change Site BG for iHomefinder Widgets BG and Map //
body { background-color: #f7f7f7; }

Some of the iHomefinder widget backgrounds also borrow this color, so changing the site's background affects other widgets as well.

New Map:

image.thumb.png.4ca76f852f1f96e17929dd113e8510e0.png

Wonky, but we'll take it!

This is the website in case you're still curious.

Edited by ksachse
Added URL
Kaila S
Shopify Partner, Squarespace Circle Member & MailChimp Expert

yumari digital
websites · email campaigns · ads · social media · graphic design

 

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.