I am currently working on this WordPres-Template. Do you see the button under “Make an appointment”? I somehow need to change the mouse-pointer onmouseover to the default values. But the template uses Revolution Slider, so I have no idea where to put the code in.
I tried something like this:
img:hover
{
cursor:ponter;
}
I also tried this:
.tp-caption .lfr .tp-scrollbelowslider .start .img:hover
{
cursor:pointer;
}
The HTML of the slider looks like this:
<div class="tp-caption lfr tp-scrollbelowslider start" data-x="703" data-y="691" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" data-scrolloffset="0" style="z-index: 9; left: 0px; top: 200px; visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px);"><img style="width: 0px; height: 0px;" src="http://test.de/wp-content/uploads/2016/03/whitebutton.png" alt="">
</div>
<img style="width: 0px; height: 0px;" src="http://test.de/wp-content/uploads/2016/03/whitebutton.png" alt="">
This selector also doesn’t work:
li.tp-revslider-slidesli:nth-child(2) > div:nth-child(6) > img:nth-child(1):hover
cursor:pointer!important;will do the job if you enter it for the selected layer, under the Style -> Advanced CSS option of that specific layer.You dont need javascript , you can do it by css Go to your css file and paste this line and it will work:
.start{cursor:pointer!important;}