▼
Streaming live at 10am (PST)

Add Nested Class & Define New Image?

#1

Hi! Webflow novice here. I duplicated a slide on our project’s homepage and was able to successfully replace the contents in the container. However, when I changed the image in the new slide, it also changed the image in the original slide that I had duplicated. I need to replace one image without affecting the other… support said I need to add a nested class to the element class I’m styling the background image on, and then define a new image to use on the nested class. I have no idea how to make this happen. Any help/advice would be very much appreciated!

38%20PM
Screen Shot 2018-02-14 at 4.54.38 PM.jpg978x435 164 KB
03%20PM
Screen Shot 2018-02-14 at 4.58.03 PM.png1384x481 329 KB

Here is my site Read-Only: https://preview.webflow.com/preview/vanguard-dermatology-3?preview=e767fa0474572283fc433cc9fd1d28d1

#2

Great question, @Marymo83

To add a new nested class, you would need to do the following:

  1. Remove the nested class that is currently being used (i.e. Card - 1)
  2. Then, add your own nested class name (i.e. Card - 5)
  3. And finally, change the background image to your liking

The following video shows the above steps completed within your slider:

Hopefully this helps, and feel free to reach out if you have any questions. :blush:

Best regards,
Micah :nerd_face:

#3

Oh… my… gosh, Micah. That was so easy! I can’t thank you enough for your help!!! :hugs:

#4

Oh, no problem @Marymo83 :blush:

Glad I could help

#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.