Issue with Timeline14: Progress Bar Color and Inactive Tabs

Hi there, I am running into an issue with timeline14 on https://ae-refresh-c570b3.webflow.io/test. I cannot for the life of me figure out why the progress bar isn't in color and the inactive tabs aren't grey. Can someone help?

12 comments

Matt J.
·
Mark A. Would you mind sending a read-only link?
Mark A.
·
How can I do that?
Mark A.
·
nvm, have it: https://preview.webflow.com/preview/ae-refresh-c570b3?utm_medium=preview_link&utm_sour[…]7049663d6e&pageId=66058983d383e007a7346439&workflow=preview
Mark A.
·
Matt J.
Matt J.
·
Mark A. so it looks like you may have not started this project with the cloned style guide because I dont see any of the variables in there. Not a huge deal really because you can just assign the colors that are missing to any existing variables you have. In my screenshot, I am showing you that basically because the variables didn't exist - when you pasted the component in, the background color value is blank - thus transparent. If you reset this, and then choose one of your variables - it should work fine.
Mark A.
·
Matt J. OK, i tried that. I have now managed to get the 'date' working with active states, but not the progress bar. What do I miss? I get a solid color only when I change the value for the color of timeline14_tab-progress
Matt J.
·
Mark A. you will only see the progress bar change once you have published the site - you won't be able to see the progress bar interaction within the Webflow designer/preview.
❤️1
Mark A.
·
Matt J. Actually, they now stay one color...https://www.active-elements.nl/test
Matt J.
·
Mark A. what do you mean? On click, I see them changing color.
Matt J.
·
might need to see a design to better understand what your point A is so we can get you to point B
Matt J.
·
Mark A. ha I see - I was now focused on the dates like you were talking about but now I see that the progress bar is staying all one color. You'll want to change the timeline14_progress-bar to a color as well - I believe that should work fine.
Mark A.
·
Success! 😄 Thanks, Matt J.!
💪1