Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

How to override rules of style.css

Tobias Kuess
5 years ago Aug 16, 2016 1:21pm
Marcus Hellberg
5 years ago Aug 16, 2016 5:15pm
Goran Atanasovski
5 years ago Aug 16, 2016 6:48pm
Tobias Kuess
5 years ago Aug 17, 2016 8:35am
Marco Collovati
5 years ago Aug 17, 2016 8:50am
Tobias Kuess
5 years ago Aug 17, 2016 8:59am
Marco Collovati
5 years ago Aug 17, 2016 9:06am

That's weird. Just tried it and got it working.
With the above code in styles.css I have the following rule overriding .v-panel-caption

.mytheme .v-panel-caption-my-panel-style {
    background-color: #01DF3A;
    background-image: -webkit-linear-gradient(top, #01DF3A 2%, #f6f6f6 98%);
    background-image: linear-gradient(to bottom,#01DF3A 2%, #f6f6f6 98%);
}

I attached some picture with my results

Marco

 

Tobias Kuess
5 years ago Aug 18, 2016 7:28am
Marco Collovati
5 years ago Aug 18, 2016 7:52am
Tobias Kuess
5 years ago Aug 18, 2016 2:07pm
Marco Collovati
5 years ago Aug 18, 2016 2:14pm
Goran Atanasovski
5 years ago Aug 19, 2016 5:59am
Tobias Kuess
5 years ago Aug 19, 2016 7:39am
Goran Atanasovski
5 years ago Aug 19, 2016 10:09am