I want to put an image as a button background and change its behaviour on hover with sprites. But I cannot make the background transparent. Please help.
Hey svetkol!
First off do this, http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/.
And then add a class of “my_button” to your button and then add this to your custom CSS.
.my_button .avia-button {
background: url("URL to your sprite") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
Cheers!
Elliott
Thanks. And what sgould be the quick css for the hover state so I can change the background position. It should move 80px down.
Hi!
Try this.
.my_button .avia-button:hover { background-position: 0px 80px; }
Best regards,
Elliott
That is not working.
Hi!
Send us a link and we’ll take a look. You can set your reply as private if you wish.
Cheers!
Elliott