Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 8, 2015 at 11:52 am #470139
    user877

    Hi,

    Loving the new column layout styling features!

    Is it possible to add a link to the complete column block? So that the whole block is clickable?

    July 8, 2015 at 12:26 pm #470152
    Yigit

    Hey user877!

    Please turn on custom CSS field – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your column element a custom CSS class and then add following code to Functions.php file in Appearance > Editor

    function add_custom_div(){
?>
<script>
jQuery(".your-custom-css-class").click(function(){
        window.location = jQuery(this).find("a:first").attr("href");
        return false;
    });
</script>
<?php
}
add_action('wp_footer', 'add_custom_div');

    There should be a link inside your column box.

    Regards,
    Yigit

    July 8, 2015 at 1:14 pm #470224
    user877

    this worked! thanks.

    The whole column area is now clickable.

    One last question: how do we make the mouse arrow show the ‘hand’ anywhere within the column area?
    Currently it only appears on the link itself.

    July 8, 2015 at 1:18 pm #470229
    Yigit

    Hi!

    Great! You are welcome :)
    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class:hover { cursor:pointer; }

    Regards,
    Yigit

    July 8, 2015 at 2:03 pm #470263
    user877

    perfect thanks.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Apply link to column box’ is closed to new replies.