Hi,
Thanks for the clarification, this did it!
I managed to make it work for a specific slider AND slide. In case someone else is interested, I replaced the above code by:
.maxslider-000-slide-00 .maxslider-slide-content a {
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
opacity: 0;
}
.maxslider-000-slide-00 .maxslider-slide-content {
transform:translateY(0);
-webkit-transform:translateY(0);
top:0;
bottom:0;
height:100%;
margin:0;
}
.maxslider-000-slide-00 .maxslider-slide-content-pad h3{
position: absolute;
-webkit-transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
}
– 000 is the slider id, that you can get from hovering over the slider name in the slider list (like a post)
– 00 Is the slide number, just its order in the slides list (starting a 0)
This way all other slides titles, subtitles and buttons behave normally as per their settings, except for the specific slide where the whole image area becomes the button.
For it to work properly, you need to specify a link for the button, but no text.
RP