Streaming live at 10am (PST)

Unlink style in pages

Hello webflow friends!

I just duplicated my homepage in order to create another page as a section with the same structure. However, all elements seem to be style-linked, since everytime I alter format or structure in the duplicated page, the homepage is altered too.

Can someone help me please? Below my read-only link. Thank you in advance :slight_smile:

https://preview.webflow.com/preview/chicatana?utm_medium=preview_link&utm_source=dashboard&utm_content=chicatana&preview=6faebb6944d412e6fffb3a4668927d13&mode=preview

Thanks in advance :slight_smile:

Joaquín


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi

Use combo class. Learn more about combo class (your second best friend :slight_smile:

If you duplicate the page you duplicate the entire content (Styles, layout, meta-data, custom code and so on).

  • One way is to add combo class.
  • The other way is to duplicate class.
  • Last way is remove class and create new one

Keep in mind its better to use the same classes (Don’t repeat yourself) - and only add combo / or duplicate for specific changes.

style-linked is not the correct term. Webflow generate CSS file - if you create this style on page-1

.red{
   background: red;
}

And put this style 700 times (On 60 pages) - and later change red color to purple - the color affect on class-level (= all elements with class of red change to purple)

1 Like