Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #796243

    What would be the best way to make content buttons like the the ones on http://www.bostgroup.com.au with the hover effect on the home page? Does enfold offer much to do this, or would I need to install another plugin.

    So far I have something similar on http://www.aimgrp.com.au but the whole icon box isn’t a button, only parts of it.

    Thanks in advance,
    David.

    #796256

    Hey dlannetts,

    This would require quite a bit of css, but unfortunately it goes a little bit beyond what we can do here in the support forums. We do offer freelance customization services that should be able to complete this task:

    Best regards,
    Jordan Shannon

    #796283

    Thanks Jordan for your reply, if I were to stick with the icon box, is it possible to use a custom icon? I could use the logo to match it in with the brand, is it also possible to make the whole icon box, and it’s contents a button? As a pose to three the icon, text and image being separate buttons. As so the tool tip doesn’t change continuously as you hover over the icon box.

    Thanks.

    #796330

    Hi,

    You can use custom icons following these steps:

    1. Export the icon as an SVG (compound path).
    2. Place it in Fontello and generate the font .zip file
    3. Import that .zip into Enfold (https://vimeo.com/75743285).

    Best regards,
    John Torvik

    #796523

    Thank you, I will try that and let you know how I go. Is it possible to make the whole icon box and it’s content one single button?

    #796641

    Hi,

    Please refer to this post to link the entire icon box:

    https://kriesi.at/support/topic/linking-the-icon-box-icon/#post-183782

    Best regards,
    Jordan Shannon

    #798284

    Hello,

    Thanks for that, the file link on that post isn’t available, where do I put that code for this to work?

    thanks.

    #798410

    Hi,

    You’d need to convert columns to links, try replacing /enfold/config-templatebuilder/avia-shortcodes/columns.php with the following:
    https://gist.github.com/josueochoa/1ca3fccab73abc9974518bbbee401996

    That will allow you to set a Link for each column.

    Best regards,
    Jordan Shannon

    #798552

    Thanks Jordan, done that, my 1/3 columns now show as full page columns and the linking feature isn’t woking after editing the column and linking it. http://www.aimgrp.com.au

    #798556

    Hi,

    I see. Please restore the original columns.php and if possible please provide us FTP info so we can look into this issue further and try and make the updates.

    Best regards,
    Jordan Shannon

    #799378

    Thanks Jordan. I have changed the name of the original columns file, called ‘OLD COLUMNS FILE’ Let me know if you work it out, thanks.

    #799915

    Hi,

    Great thank you for this the login works just fine. Also, if you could please provide the WP dash info as well, it would help.

    Best regards,
    Jordan Shannon

    #800122

    Thank you

    #800278

    Hi,

    Please test the first column. It should be linked. I followed this method: https://kriesi.at/support/topic/apply-link-to-column-box/

    Best regards,
    Jordan Shannon

    #800901

    Hi Jordan, after adding this to the enfold functions.php I am no longer able to view my website, I get the “This page isn’t working” error, image attached.

    https://ibb.co/dEiuNa

    #801168

    Hi,

    Please remove whatever you added and then reload the functions.php file via ftp. That should fix it. If this was for linking the column, you shouldn’t have to add anything beyond what I added for the first column.

    Best regards,
    Jordan Shannon

    #801290

    Hi Jordan, I did this to make the second and third column clickable on the website, I added this code to Enfold Functions.php.

    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’);

    Using ftp I have looked in both the functions.php and enfold functions.php and can not find this code to remove it and fix the issue. Via FTP would you be able to take a look, maybe I might need the enfoldfunctions.php and functions.php uploaded again from their original state, which I don’t have.

    #801293

    Just managed to fix it so in: public_html/aimgrp.com.au/wp-content/themes/enfold/functions-enfold.php I have added: add_theme_support(‘avia_template_builder_custom_css’); at the top of this file.

    Where do I put in the rest of the code? Or have you done this and do I not need to do this?

    #801567

    Hi,

    Have you managed to link the second column?

    Best regards,
    Jordan Shannon

    #801699

    Hello, Yes I believe I have now gotten it to work, thank you for your help.

    #801708

    Hi,

    No problem at all. If you need additional help on anything else, please begin a new thread and contact us here on the forums.

    Best regards,
    Jordan Shannon

Viewing 21 posts - 1 through 21 (of 21 total)
  • You must be logged in to reply to this topic.