Community forum for knowledge and support

Updated 4 months ago

Compatibility issues between relume components and the latest client first cloneable

At a glance

The community member has a site built with Client First 2.0 and Relume, and is planning to revamp the site. When they cloned Client First 2.1, the Relume components looked awful in the Webflow designer. They noticed issues with the search icon and button being misaligned. The community member is trying to determine if there are known issues between Relume components and the latest Client First cloneable.

Other community members suggested that the issue may be related to the global styles, and recommended importing components individually instead of the entire site. They also pointed out that the Cloneable on Webflow's templates is a Finsweet product, not a Relume product, so the global styles may be handled differently. Eventually, the community member found the official Relume cloneable and style guide, which resolved the issue.

There is no explicitly marked answer, but the community members were able to provide a solution by directing the original poster to the correct Relume resources.

Useful resources

General question, I have a site I made in Client First 2.0 with Relume - I am going to do a little revamp of our site and am starting fresh, I cloned Client First 2.1 (yay) but the relume components I am copying over look awful in my webflow designer - is this a known issue? for example I have changed nothing in the client first 2.1 global styles and this simple section header 25 is already off (the search icon is elevated and the button to action the search is larger than the search field) - are there known issues between relume components and the latest client first cloneable? trying to determine how best to proceed:

M
M
14 comments

When you cloned it did you edit the Global Styles? Try not to import the whole site, it causes an issue like this. What I do is import component per component that way Global Styles stays in tact

So I used the Cloneable on Webflow's templates here: https://webflow.com/made-in-webflow/website/client-first-cloneable then I went to the component, hit copy, and pasted it into the site - not a single edit

I went back and tried it on 2.0 and it worked fine.. I think there is issues with relume components and 2.1

out of the box which is kinda worrying

Yeah, that link is not a Relume product; it's a Finsweet product, so there are different ways of doing the global styles for the clients first.

Oh weird, so the default client first does not work with the default relume stuff?

wow thats just what I need!

Let me try it now πŸ™‚

worked like a charm

thanks so much @Michael Riga

Your welcome πŸ˜„

Add a reply
Sign up and join the conversation on Slack