The power of storytelling in business

Hi Matt, I'm sorry about the issues getting the style guide setup.

It looks like when the style guide was pasted in, it ended up with duplicated classes (e.g. rl_styleguide_item 2 instead of just rl_styleguide_item).

I think the easiest way to get it working would be be to:

• Create a fresh project by <i>duplicating the relume style guide </i><i>(do not paste the style guide page anywhere)</i>
• Ensure that Class Sync is enabled when pasting components from Relume Library
• Ensure that your Relume Chrome extension is using the latest version (38). You can check the version by visiting chrome://extensions/ and clicking details.

Thank you for your response! I built a custom nav component in my current site and if I start a new project, I’m not sure that will transfer over with the interactions. Is there a way to make the style guide work on the current site? If not, is it possible to transfer over components to a new project with the interactions still intact?

Good question about the custom navbar. I'll defer to on that one 🙂

I don't see why you wouldn't be able to paste in a custom component like that from a previous project. Assuming Webflow no longer has their cross-site/same-site pasting issues anymore which I believe they resolved and we've subsequently also resolved.

Hmm ya I tried just clicking on the component itself and copy/pasted into a new project and it didn’t carry over the interactions. The reason that sucks is I had to pay someone to help me build it. So are you saying there’s no way to make a style guide work on the current site?

why wouldn't the interactions come over? Is there an error? Were the interactions built using native webflow? Very strange to me.

What Relume plan do you have? You could try storing the component in Relume first and then pasting it in from there but I don't see how that would be any different really, but who knows maybe it is.

we have this video on how you can add the style guide to an existing project, it probably won't be perfect.
https://relume.notion.site/Using-the-Relume-Library-on-existing-projects-c29fbf019b6d400892cd671581c8fab8?pvs=4

At the very least, it might help with pasting in new components. Biggest issue you'll run into will be duplicate classes. If in your existing project you have for example a "button" class - you'll likely get a duplicate class. What I would do is rename your existing project class from "button" to "button-whatever" and then I think the safest way to reconcile all of this would be to manually apply the same styles of your button to the Relume style guide version. But thats just an example.

I could also just be making up a problem (I tend to do that 😉)

I’ll send you another video showing what’s going on

https://www.loom.com/share/c6ea5ee0cf7c4226af4a448eb6a45f51?sid=fa6e4d36-1bb0-4beb-bca0-473610fa59bb does look like it's unlinking it the component for some reason

Is there any way to get around this? If not, I suppose I'll have to rebuild it

Hey Matt, I don't believe webflow supports cross site pasting of components sadly.

I'd suggest:

1. You paste cross site (webflow will unlink the components)
2. Select the nodes which should've been a component, and make them a component again
3. When pasting in the future, remember to replace components per your system

hmm I think we may have diverted down the wrong solution path here. In your original Loom I noticed you were trying to change the headings of the style guide but it looked to me like you were selecting the wrong element to begin with.

Adam walks you through how to best update typography in the style guide.

I would go back to your original project to see if this resolves it.

https://youtu.be/zP-I1PfovyQ?si=KlY9V9MMFVpnq9mp&t=352

Thanks guys! I actually had a friend help me fix it. Some issue with duplicate classes still going on but we got it figured out. I’ll let you know if anything else comes up