Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

Troubleshooting Color Issues in Timeline 11 on Relume Site

Avatar of Bodie Q.Bodie Q.
·

Hey Relume Team! I wam just starting out a site and trying to use Timeline 11, but for some reason the center timeline and the little circle markers have no color at all. I have tried toggling color on and off timeline11_line but doesn’t fade in and out like it’s supposed to? Anyways, I have used this before with no issues on other sites, wasn’t sure what I need to target to make it work as intended

19 comments

  • Avatar of Matt J.
    Matt J.
    ·

    Bodie Q. would you mind sharing a read-only link?

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Here you go! https://preview.webflow.com/preview/richfieldchurch?utm_medium=preview_link&utm_source[…]&pageId=660dd29cd57d2df5ebced9a4&locale=en&workflow=preview

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Matt J. Appreciate your help!

  • Avatar of Matt J.
    Matt J.
    ·

    Bodie Q. yeah you'll need to reset the background colors of most of these classes.

  • Avatar of Matt J.
    Matt J.
    ·

    To avoid this in the future for this project, change your preferences in the library to be using the Relume v1.5 and your components will paste in better without missing variables.

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Matt J. Wow, thank you!! I thought I had the most recent style guide

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Can I change it mid project or does it need to be at the beginning?

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Lastly, where exactly do I go to make this change?

  • Avatar of Matt J.
    Matt J.
    ·

    Bodie Q. its not advisable to change this mid project, no. If you navigate to the Webflow Library on relume.io - you'll see it top right.

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Ok thanks so much!

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Matt J. I am still not sure how to make the timeline look like the default. What settings should the top and bottom be so that it fades properly?

  • Avatar of Matt J.
    Matt J.
    ·

    Bodie Q. check out this screenshot - looks like some more variables are missing from the gradient

  • Avatar of Matt J.
    Matt J.
    ·

    I mean, since you have not gotten far with customizing this, I would just make sure your preferences are set to Version 1.5, and paste the component in again

  • Avatar of Matt J.
    Matt J.
    ·

    instead of chasing down all of these missing variables

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    But there are lots of other pages much futher along. Resetting to 1.5 requires an entirely new site, correct?

  • Avatar of Matt J.
    Matt J.
    ·

    Bodie Q. no, its just a preference setting. You are on an older style guide right now. So you'll want to change your preferences to be v1.5 - which is before variables were introduced.

  • Avatar of Matt J.
    Matt J.
    ·

    if you change your preferences in the chrome extension, and in the webflow library as shown in the screenshots, you won't have to be chasing around variables anymore in this project - just change the settings, find the components again, and paste them in and they'll paste in syncing to your style guide, and in your case, without variables.

  • Avatar of Bodie Q.
    Bodie Q.
    ·

    Bro! Thank you!! This is a massive help, much appreciated.

  • Avatar of Matt J.
    Matt J.
    ·

    No problem!