How to override default styles in GWT without using !important

Question

The GWT module comes with some annoying quirks, one of which is departing from the the standard font-size of 16px and declaring it to be 12px instead. I tried to declare individual font-size for different elements, for the body itself, but they were always overridden by the default style.

So I decided to use !important to declare the default font-size for the entire body. This works, problem is that it also applies to where it shouldn't, like h2 elements. Declaring another font-size property for h2 with another !important again doesn't override the one declared for the body element, even though it should.

So is there any way to do this? Same problem goes for the font family also, i can't override it without using !important.

Answer 1

You have to create your own css and override standard.css, Hope the following link helps you

GWT theme style overrides my css style

Answer 2

If you need to customize a standard theme, you should fork it: copy/paste and adapt to your needs.

Answer 3

It is normally better to use css specificity to override styles.

As long as your additional rule has a higher specificity than the rule you are trying to override, it should work.