Importing Elements: Issues with Card Spacing and Button Borders | Relume Community

Importing Elements: Issues with Card Spacing and Button Borders

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

19 comments

Matt J.
·
·
Michael R. would you mind sharing a read-only link?
Michael R.
·
·
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
Michael R.
·
·
Hey Matt J. just following up, would like to remove the extra section from that page as it is a live/production site
Matt J.
·
·
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.
Matt J.
·
·
ah I see, this project is using spacers?
Matt J.
·
·
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.
Michael R.
·
·
Yep its using spacers, I think it used to be blocks but it defaults to spacers now
Michael R.
·
·
So our dev team is using multiple components libraries (Flow, Spark, Relume) so I wonder if that is also causing the issue
Matt J.
·
·
yeah would say that is the case
Michael R.
·
·
Something is messed up. I've even tried downgrading, and its doing the same thing but giving me "unknown variables" now
Michael R.
·
·
I changed it to blocks and the div blocks aren't coming in either
Michael R.
·
·
I think one thing is the issue its creating multiple button groups on import., I'm seeing "button-group 30" pop up a lot
Michael R.
·
·
and others
Michael R.
·
·
Also Matt J. this project gets a lot of crashes. Not sure why, I've submitted the reports to Webflow but haven't heard anything back yet
Michael R.
·
·
https://preview.webflow.com/preview/complete-aesthetics-wellness?utm_medium=preview_li[…]c2f752ed02&pageId=67dc5640590eb9052c5e35ac&workflow=preview
Michael R.
·
·
Its under "Skincare Brands We offer" one thing you'll notice is that its not allowing me adjust the card radius.
Matt J.
·
·
you're using the webflow app to import pages or?
Michael R.
·
·
Yep
Michael R.
·
·
but I do copy and paste from Relume into Webflow if I'm not happy with how something turned out