Font color for navigation

I designed a site last year with multiple navigation font colors by adding this code into the title of each navigation item so that it looked like the attached picture: <font color="0c9e9f">About</font>

Squarespace has since updated, and the code no longer works. The navigation colors are set to white again. www.ralphfarris.com

Does anyone have a suggestion to fix this? I would really appreciate it!

add to Home > Design > Custom CSS. Do similar for all items

.Header-nav-folder-title[href="/info"] {
    color: red;
}
.Header-nav-folder-title[href="/contact-1"] {
    color: green;
}
.Header-nav-folder-title[href="/about"] {
    color: pink;
}
.Header-nav-folder-item[href="/performer"] {
    color: pink !important;
}

Thanks so much for responding! That works for some of them, but not all of them. Do you know why that might be happening?

On 1/24/2020 at 11:20 PM, 182837373xd said:

Thanks so much for responding! That works for some of them, but not all of them. Do you know why that might be happening?

add !important to after, same last code