The value is overridden by more specific selector

[Magdalena_Kruk]

Hi I have this problem - cannot edit the class - I get the message - The value is overridden by more specific selector, any ideas why?

---

Here is my site Read-Only: **Webflow - Callstack Website

[joejola (Joseph Amato)]

It means two of your combo classes are competing for the same properties.

In your case, .header-large 2 and .margin-bottom-48 have different styles for your typography properties. I would clear all styling on .margin-bottom-48 except for the 48px bottom margin so that it inherits the styling from the parent class without conflict.

[Magdalena_Kruk]

Hmm thank you, how can I clear all styling in .margin-bottom-48? Also I can modify this on different viewport, simply cannot do that on the base breakpoint
Also the properties are different

[joejola (Joseph Amato)]

You need to clear the styling by selecting just the margin class.

[Magdalena_Kruk]

Not sure if that’s what you mean… I selected just this class .margin-bottom-48 and pressed Option key to clear the styling in Typography panel but it didn’t help, could you maybe record a screen to show me what exactly should I do?

[joejola (Joseph Amato)]

Yes, sorry I should have clarified what that means. Take a look at the video below. It seems like .header-large 2 is causing problems. It may be because it’s being used in a different combo.

Dropbox Capture

Just a helpful note about the color identifiers on the properties (you may already know this):

• If the property label is orange, then it’s inheriting styles from a parent class
• If it’s blue then it’s overriding
• If it’s crossed out like you had, then at least two classes have different styles for the same properties.
• If it’s gray, then no styling has been changed and it’s using default styles.

[Magdalena_Kruk]

Thank you - that helped!

[joejola (Joseph Amato)]

Cool! Make sure to mark this as solved!