Answers Challenge Issue - ANS 205 Core Frontend - Add Branding & Styling

I’m having trouble with finishing Module 15 in Answers. My search results match what the challenge asks us to do (see screenshot), but according to the challenge I still haven’t updated the pin color correctly.

Here’s the code I updated in the restaurants config:

“mapConfig”: {
“mapProvider”: “MapBox”, // The name of the provider (e.g. Mapbox, Google)
“pin”: {
“backgroundColor”: “#32a85e”, // Enter a hex value or color for the pin background
“labelColor”: “”, // Enter a hex value or color for the label color
“strokeColor”: “” // Enter a hex value or color for the stroke color

Can you help me understand what I’m doing wrong?

Also, I tried updating the code to include the variable text; see below. This didn’t work either.

“mapConfig”: {
“mapProvider”: “MapBox”, // The name of the provider (e.g. Mapbox, Google)
“pin”: {
“backgroundColor”: “–yxt-color-brand-primary: #32a85e”, // Enter a hex value or color for the pin background
“labelColor”: “”, // Enter a hex value or color for the label color
“strokeColor”: “” // Enter a hex value or color for the stroke color

Screen Shot 2020-10-13 at 9.02.39 AM|664x500

Hi Laura,

The error is for the background color –

You have:
--hh-answers-background-color: #EFEFD5;

It looks like there’s just a small typo – it should be #efefd4. If you update this, commit the code and then submit it again, it should work! Let me know if not.

Thanks,
Liz

1 Like

Wow, interesting, I wasn’t even looking at that variable. Thank you for the tip, that worked! -LK