Dynamic Border Colours/Text Strings

Hey!

Im trying to write some custom code to change the border colour of a div and a text string to a specific value to match some CMS items I have.

In my specific example I want the rectangular divs at the bottom to change their border colour and text to match the pattern of the “workload schedule.”

I can’t do this in the CMS due to nesting and CMS limitations. I’m assuming this can be done with js, but I don’t know where to start.

Any help would be appreciated!


Here is my site Read-Only: https://preview.webflow.com/preview/jonfitzsimmons-com?utm_medium=preview_link&utm_source=designer&utm_content=jonfitzsimmons-com&preview=99495ccdc330e3c3dbf4d4e3935a6568&pageId=60be80f1b07db70bcc5d6c90&workflow=preview
(how to share your site Read-Only link)

Bumping with the live site:

jonfitzsimmons.com/glc/test password: glctest

Another bump. I feel like this should be pretty simple with custom code, I just need a push in the right direction.

Essentially: “divA = anycolor then divB = samecolor”