-
AuthorPosts
-
May 19, 2017 at 12:12 am #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.May 19, 2017 at 12:41 am #796256Hey 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 ShannonMay 19, 2017 at 4:14 am #796283Thanks 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.
May 19, 2017 at 6:08 am #796330Hi,
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 TorvikMay 19, 2017 at 12:29 pm #796523Thank 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?
May 19, 2017 at 4:25 pm #796641Hi,
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 ShannonMay 23, 2017 at 2:20 pm #798284Hello,
Thanks for that, the file link on that post isn’t available, where do I put that code for this to work?
thanks.
May 23, 2017 at 6:00 pm #798410Hi,
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/1ca3fccab73abc9974518bbbee401996That will allow you to set a Link for each column.
Best regards,
Jordan ShannonMay 23, 2017 at 10:58 pm #798552Thanks 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
May 23, 2017 at 11:03 pm #798556Hi,
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 ShannonMay 25, 2017 at 6:45 am #799378Thanks Jordan. I have changed the name of the original columns file, called ‘OLD COLUMNS FILE’ Let me know if you work it out, thanks.
May 26, 2017 at 1:39 am #799915Hi,
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 ShannonMay 26, 2017 at 1:15 pm #800122Thank you
May 26, 2017 at 5:34 pm #800278Hi,
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 ShannonMay 28, 2017 at 11:14 pm #800901Hi 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.
May 29, 2017 at 5:42 pm #801168Hi,
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 ShannonMay 29, 2017 at 10:57 pm #801290Hi 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.
May 29, 2017 at 11:14 pm #801293Just 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?
May 30, 2017 at 4:27 pm #801567Hi,
Have you managed to link the second column?
Best regards,
Jordan ShannonMay 30, 2017 at 10:54 pm #801699Hello, Yes I believe I have now gotten it to work, thank you for your help.
May 30, 2017 at 11:43 pm #801708Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.