Values Inherited from class name Default Styles, but cant edit it

I am unable to edit Default Styles, even if I make a new div block or text element called Default Styles.

image

For example cart component does not have Default Styles
image
image

I have never seen that before @Waldo @cyberdave @vincent Any ideas?

1 Like

I’m getting the same thing, @DFink @Waldo @cyberdave @vincent was there ever any solution for this?

Screen Shot 2021-03-03 at 6.24.24 PM

I am replying here for any lost souls that stumble on this problem.

For certain elements, for ex. Add > Container, Webflow has default styles that you cannot see or edit.

Try it out: if you Add > Container, you will see that it has max-width set to 940px in orange, and that value comes from “Default Styles” (fig 1)

But if you click where you would normally apply class and see the pink base class that you can set, there is nothing — Webflow does not expose the “Container” default styles.

You could create a class named “container” and apply it to all containers you create.

If you view source on this element, you can see that Webflow creates classes likew-container and w-layout-blockcontainer with max-width 940px (fig 2)

But you can’t edit the Default Style of these Webflow primitives. In your case, there’s probably a Shopping Cart button in the ecommerce sites. If you want different defaults for your button, either create a new button and class from scratch, or create an override and apply it to all buttons. Either way, you have to apply a class to all elements you want a default style on :expressionless:

You CAN do a global css, but these don’t show up in the web editor UI, only after publish.


fig. 1

fig 2