The normal padding does not work when I define the background color of an image in CSS. So the button with pictures on it appears bigger than the others.
Is there a padding command that I can insert in the CSS?
Putting the background on the label element instead might do the trick.
I meant writing this in css:
label {
background: /* etc */
}
Also it's not clear to me why you don't use the colorWidget property to define the widget's color, it's here for this.
I have an icon as PNG image with alpha channel as "background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhE..." in it. As soon as I turn on normal color, it covers my image.
Or could my image be inserted easier?
Yes, if you apply the background css rule to the label element it won't get covered (just make sure the label property is not false otherwise there will be no element to draw the background on).
Thank you very much, small things can have big impacts...
Alternatively, if you're going to have many buttons styled this way,
create a theme file and extend the icon set as describe here.
What do you mean ? If you want to hide the text, just write a space in the label property or add font-size: 0; to the css.
Ahhh... great thanks