Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

How to Decouple Pasted Sections in Webflow for Unique Edits

Avatar of Matthew M.Matthew M.
路

Hi, pretty sure this isn't Relume specific but wondering if it can be of some help. When copying a section in Webflow (say component "Header 1" with the class name "header1_features") and pasting it, the sections are linked so making any changes to the newly pasted version will also change the original. Let's say I want to change the class names in the newly pasted version to "header1_team", well, doing so will change the originals class names too. I could obviously manually decouple each child element and update it's class name, but if the section has 20+ elements that takes a ton of time! I've tried using Finsweet's folder rename feature, but it doesn't rename the child elements in the pasted version (because they're still coupled with the original?). I'm new to webflow but I've spent the past two hours trying to figure this out lol! So wish I could just open an IDE and cmd+D all similar class name instances and update them in 5 seconds... can anyone help!?

4 comments

  • Avatar of Matt J.
    Matt J.
    路

    Matthew M. Would you mind sending a read-only link?

  • Avatar of Jakub M.
    Jakub M.
    路

    it may be faster to style 1 of 'header1_team' elements with new css styles + all h1s will receive styles from html H1 so maybe think of going that way. it will automatically apply to remaining 20+ h1 elements with class 'header1_team' so you won't have to update each element or replace css class by hand

    馃檶1
  • Avatar of Matt J.
    Matt J.
    路

    After re-reading it a couple of times, I think I understand. Basically how I handle this efficiently is lets say I'm using Header 1, I will rename using the Finsweet Folders in the Finsweet extension, and then I'll paste in a fresh header 1 component from Relume again, and rename that one something else. If you are using both our chrome extension and the Finsweet extension this whole process should only take about 2 minutes.

  • Avatar of Matt J.
    Matt J.
    路

    If you are copying this component from site builder, I would repeat the same process - just give it a more unique name on the first import, then grab that section again from the site builder and paste it into your project and rename it. There's likely no way of doing this process with the Webflow app though.