Make background clickable

Hi,

To solve your problem, you need to follow these steps:

1. You need to  enable the custom CSS field adding this line code in your function.php (with this code, you`ll be allowed to add a custom class in the advanced editor).

 add_theme_support('avia_template_builder_custom_css');

You can learn more about it here: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

2. Create a column and add a custom class: clickable-box.

3. Now, inside the column, you`ll add the link in a text block.

4. And then, it’s required to add this script in the functions.php:

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

and this CSS at the Enfold Theme Options > General Styling > Quick CSS

.clickable-box {
    cursor: pointer;
}

.clickable-box a {
    display: none;
}

Let me know if you have questions about this process.

Best regards,
John Torvik

Hi,

We didn`t edit your text block, so, to check this problem, may you share with me your WP credentials?

Best regards,
John Torvik

• This reply was modified 7 years, 7 months ago by John Torvik.