Getting Funky Errors with Importing Elements

At a glance

The community member is experiencing issues with importing elements from Relume to Webflow, resulting in spacing and border issues. They have tried various approaches, including changing the export version and class sync settings, but the problems persist. The community members discuss potential causes, such as duplicate classes, modified margin settings, and the use of multiple component libraries. They also mention that the project is crashing frequently and that the community member has submitted reports to Webflow but has not received a response. The community members share a read-only link to the project and discuss the inability to adjust the card radius in a specific section.

Useful resources

MMichael Riga

Hey Team. Still getting some really funky errors in regard to importing elements.

Getting this error because the card spacing is not done correctly. This was a direct copy and paste from Relume to Webflow. You'll notice the spacing on the buttons is off and there is a very thick border now that isn't normally there. Again this is old site, but its greatly effecting it. Also I changed the export to a different version and its still doing this both with class sync on or off.

If you look at the red area it looks like no padding

Attachment

19 comments

MMatt Johnson

@Michael Riga would you mind sharing a read-only link?

MMichael Riga

Sure, here you go for some reason, the second attachment was not showing: https://preview.webflow.com/preview/complete-aesthetics-wellness?utm_medium=preview_li[…]c2f752ed02&pageId=67c60bf4e7a2e4254c6f019a&workflow=preview

I re-added the cards at the bottom. You'll see the spacing is off. Its on the IV/IM page

MMichael Riga

Hey @Matt just following up, would like to remove the extra section from that page as it is a live/production site

MMatt Johnson

yeah looks like there's duplicate classes (button 20) in this project and for some reason margin-top margin-small has been modified to have zero margins. Pretty easy thing to have happen.

MMatt Johnson

ah I see, this project is using spacers?

MMatt Johnson

and you changed your preferences in the webflow library and chrome extension? We've definitely had some issues with the spacing strategy update as per your screenshot and it has been an issue for awhile. I'll try to bring this back up to the team. But copying in components with the right spacing strategy in the first place, should work.

MMichael Riga

Yep its using spacers, I think it used to be blocks but it defaults to spacers now

MMichael Riga

So our dev team is using multiple components libraries (Flow, Spark, Relume) so I wonder if that is also causing the issue

MMatt Johnson

yeah would say that is the case

MMichael Riga

Something is messed up. I've even tried downgrading, and its doing the same thing but giving me "unknown variables" now

MMichael Riga

I changed it to blocks and the div blocks aren't coming in either

MMichael Riga

I think one thing is the issue its creating multiple button groups on import., I'm seeing "button-group 30" pop up a lot

MMichael Riga

and others

MMichael Riga

Also @Matt this project gets a lot of crashes. Not sure why, I've submitted the reports to Webflow but haven't heard anything back yet

MMichael Riga

https://preview.webflow.com/preview/complete-aesthetics-wellness?utm_medium=preview_li[…]c2f752ed02&pageId=67dc5640590eb9052c5e35ac&workflow=preview

MMichael Riga

Its under "Skincare Brands We offer" one thing you'll notice is that its not allowing me adjust the card radius.

MMatt Johnson

you're using the webflow app to import pages or?

MMichael Riga

Yep

MMichael Riga

but I do copy and paste from Relume into Webflow if I'm not happy with how something turned out

Add a reply

Community forum for knowledge and support

Getting Funky Errors with Importing Elements