this button is to style the button which should be inside the slider – place it directly under that easy-slider and give the custom class to it: button-for-slider
here it is only set to a less opacity – but on default it should be set to display: none
the easy-slider gets its custom class: with-button
function button_for_easy_slider(){
?>
<script>
window.addEventListener("DOMContentLoaded", function () {
(function($) {
var buttonCode = $('#top .button-for-slider').get(0).outerHTML;
$('#top .avia-slideshow.with-button .av-slideshow-caption').each(function() {
$(this).append(buttonCode);
});
})(jQuery);
});
</script>
<?php
}
add_action('wp_footer', 'button_for_easy_slider');/****** to have both - image-slide links and button links *******/
#top.page-id-42427 a .image-overlay {
/**** display: none !important; ****/
z-index: 5;
}
#top .avia-slideshow.with-button .avia-button-wrap {
position: relative;
margin: 5px 0 0 !important;
border: 1px solid #FFF;
z-index: 10;
}
.avia-slideshow ~ .avia-button-wrap.button-for-slider {
opacity: 0.2;
/** display: none !important ***/
}
