Maptour- Changing background colour of number

lindsayc

 I've recently added a fifth color to the markers in my maptour. The markers look fine, but the the background color behind the number of the thumbnail photos in the carousel aren't showing for the new colour, orange. I went in to maptour-config.css and changed what I think this thread was suggesting.

you can change the font-color in the carousel for each class in the maptour-min.css.

 

For example to change the font color for class 1, add:

#organizePopup .number-class1{background-color:#003d00;color:#YOURCOLORHERE}

I have a link to my repo here, hopefully someone can take a look? my maptour repo

Snippet of what I changed here

.numberLabel{background-color:red;width:20px;height:20px;position:absolute;top:5px;left:5px;text-align:center;color:#fff}#organizePopup .number-blue{background-color:#1880f3}#organizePopup .number-red{background-color:red}#organizePopup .number-green{background-color:#369A22}#organizePopup .number-purple{background-color:#8A26FD}#organizePopup .number-orange{background-color:#e67e22}#organizePopup 

 

Cheers, Lindsay (screenshot of the issue below)

lindsayc

good point Adrian, that the change must be made somewhere else in the script. I did a search of one of the colors and then based off of that looked for where a fifth colour was missing, copy and pasted a line to make a fifth one and substituted in the color code for orange. all good now!