Xavier
(Xavier Pan)
1
I 'm trying change the nativebutton look :
.v-nativebutton {
background:transparent;
background-color: #3b5998;
border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
border-style: solid;
border-width: 1px;
margin: 0 2px;
padding: 2px 18px;
}
.v-caption .v-nativebutton-caption {
color: white;
text-align: center;
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
font-size: 11px;
}
But nothing happens with the caption…
Is something wrong?
Sascha
(Sascha Broich)
2
Remove the .v-caption, because you don’t have the .v-nativebutton-caption under a .v-caption.
Xavier
(Xavier Pan)
3
.v-nativebutton-caption {
font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
color: white;
text-align: center;
font-size: 24px;
}
Does not work. Any idea??
Jouni1
(Jouni Koivuviita)
4
The selector in Base theme is more specific than your selector, and overrides all of those properties.
I consider this a bug, and created a ticket for it. Makes custom styling too hard for no apparent reason.
Ticket #5585
For a workaround, you need to use the following selector:
.v-nativebutton .v-nativebutton-caption {
...
}