Styling cascade

Hello,

Just starting to play with webflow… I was almost done with one page, just trying to make it responsive applying different changes to phone and tablet, and suddenly the changes applied on all these devices where reflected in my desktop version. For instance, I changed the background video widget to be an still image on phone and tablet because it didn’t work on these sizes… Is it a bug? I understood that changes do not reflect upwards. Thanks, igui


Here is my public share link: LINK
(how to access public share link)

Hi,

Weblfow respects HTML and CSS, there is little magic. For responsivity, only the CSS style can enter into consideration. That’s everything on this tab:

http://vincent.polenordstudio.fr/snap/drcs2.jpg

Everything that you set on the Settings tab (the tab after that, with the gear icon) is not CSS, it’s content, it modifies the HTML code and there is no change in HTML during responsivity.

So for example if you change an image for a device, you’re not changing it for a device, you’re changing it for everything, because it’s declared in the HTML code (<img …>). Same for a link target. etc… Same for interactions.

If you want to change an image depending on devices, then declare the image as a BACKGROUND image, which is a css property, in the style tab. Then you can change it for devices.

In short, responsive properties, only in style tab.

1 Like

Understood, thanks very much!

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