make entire column clickable in post slider

Hey pelgrimrat,

Thank you for the inquiry.

You can add this code in the functions.php file to make the excerpt clickable with the same link as the title and featured image.

function ava_custom_script_mod() {
    ?>
    <script>
    // make post grid excerpt clickable
    jQuery(document).ready(function($) {
        $('article.slide-entry').each(function() {
            const $article = $(this);
            const link = $article.find('a.slide-image').attr('href');

            if (link) {
                const $excerpt = $article.find('.slide-entry-excerpt');

                $excerpt.css('cursor', 'pointer').on('click', function(e) {
                    if (!$(e.target).closest('a').length) {
                        window.location.href = link;
                    }
                });
            }
        });
    });
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_mod', 9999 );

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the script a bit. Please remove the previous modification and replace it with the following code:

function ava_custom_script_mod() {
    ?>
    <script>
    // make post grid excerpt clickable
    jQuery(document).ready(function($) {
        $('article.slide-entry').each(function() {
            const $article = $(this);
            const link = $article.find('a.slide-image').attr('href');

            if (link) {
                $article.css('cursor', 'pointer').on('click', function(e) {
                    if (!$(e.target).closest('a, button').length) {
                        window.location.href = link;
                    }
                });
            }
        });
    });
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_mod', 9999);

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard