I’m new to the Webflow community and this is my first time posting in the forums, so apologies in advance because this is a total noob question. I’ll try to keep it concise:
I’m working off the Frame IU kit template. I have a Projects page, which has 2 items (Tee Tweets, InThePaintNews) being pulled into it from the CMS.
Currently, my Projects page header image looks the way I’d like it to be. You’ll notice the computer is the focal point across all devices/breaking points. Yay.
However, when I jump into my Projects Template page, Tee Tweets for example, the header image [Photo Fixed Second] is (presumably) inheriting the styling from the Projects page.
I tried resetting the style on this page (Projects Template, item: Tee Tweets), but when I do that, it also changes the Projects page. So I’m not sure how to make it so that the styling is different for each page.
I thought about making a combo class, but this wouldn’t be a good use case for a combo class, right? I actually tried making combo classes for tablet, mobile landscape, mobile portrait, but I ended up making it even worse.
Worst case scenario, I figured I would have to create different images with different dimensions and upload each individual one for each different device/breaking point. But that wouldn’t make sense because that image for each project is being pulled in from the CMS–so it’s all one image.
What am I doing wrong and how can I fix it? Thank you to all in advance.