Relume Community Icon
Issues

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

  • Avatar of Matt J.
    Matt J.
    路

    Mark A. Would you mind sending a read-only link?

  • Avatar of Mark A.
    Mark A.
    路

    How can I do that?

  • Avatar of 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.

  • Avatar of Mark A.
    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

  • Avatar of Matt J.
    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
  • Avatar of Mark A.
    Mark A.
    路

    Matt J. Actually, they now stay one color...https://www.active-elements.nl/test

  • Avatar of Matt J.
    Matt J.
    路

    Mark A. what do you mean? On click, I see them changing color.

  • Avatar of Matt J.
    Matt J.
    路

    might need to see a design to better understand what your point A is so we can get you to point B

  • Avatar of Matt J.
    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.

  • Avatar of Mark A.
    Mark A.
    路

    Success! 馃槃 Thanks, Matt J.!

    馃挭1