Docs

[Brian D’Angelo]

Hi there –

I have an image layer in Slider Revolution that I am using as a button/link to an optin on a site. When someone hovers over the button, I’d like it to change to another image to indicate that it’s an active element. Everything I’ve tried doesn’t seem to be working. Currently, I’ve added the start-now class on the slider element and I have the following CSS in the Customizer, but it’s still not working.

/* Start Now Button*/
.tp-caption a.start-now {
background: transparent url(‘https://rebeccajackson.info/wp-content/uploads/2016/11/Start-Button-FINAL-with-White.png’) top left no-repeat;
background-size: cover;
display: inline-block;
}

.tp-caption a.start-now:hover {
background-image: url(‘https://rebeccajackson.info/wp-content/uploads/2016/11/Start-Button-FINAL-with-Gold.png’);
}

.tp-caption a.start-now img{
visibility: hidden;
}

Can you help with this?

The site is https://rebeccajackson.info/

It’s the first slider on the homepage and I’m referring to the Start Now Button.

Thank you!

[Rad]

Hi there,

Thanks for posting in and please try this.

a.start-now {
    background:url('https://rebeccajackson.info/wp-content/uploads/2016/11/Start-Button-FINAL-with-White.png') !important;
    background-size: 100% 100% !important;
}

a.start-now:hover {
   background-image: url('https://rebeccajackson.info/wp-content/uploads/2016/11/Start-Button-FINAL-with-Gold.png') !important;
}

a.start-now img{
    visibility: hidden !important;
}

Thanks!

[Brian D’Angelo]

That did it. Thank you!

[Nico]

Happy to hear that.

Feel free to ask us again

Thanks.

[Author]

Posts