Post Slider hover transition

Hey Matt,

Thank you for the inquiries.

1.) The shadow effect on hover can be removed using this css code.

.avia-content-slider:hover .slide-entry:hover {
	box-shadow: none !important;
}

2.) This seems to be the css code that is causing the transition issue.

.slide-entry-wrap.active > article {
	padding: 0px 0px 0px 70px;
}

Please replace it with the following css instead.

.slide-entry-wrap > article {
	padding: 0px 0px 0px 70px;
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

3.) Alright. We could use this script in the functions.php file to make the whole box or the whole slide entry clickable.

// a custom script
function ava_custom_script_mod() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(".slide-entry").on("click", function() {
				window.location.href = $(this).find("a").attr("href"); 
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod', 9999);

Please make sure to add this css code in the Quick CSS field afterwards.

.slide-entry {
	cursor: pointer;
}

Best regards,
Ismael