-
AuthorPosts
-
August 21, 2013 at 5:33 pm #28198
Hi,
First of all, I really love the theme, and everything works like a charm.
At this moment i’m using the Icon List to show my social profile’s with the link in the title.
But it would be much more logical and easier if you can click (or touch) the icon.
So is this possible? If not, is there a way you can implement it in the next theme update?
You can see it over here (Site is in Dutch only):
http://michaelravenstein.nl/contact
Many thanks!
– Michael
August 22, 2013 at 3:49 am #136805Hey,
Edit config-templatebuilder > aviashortcodes > iconlist.php, find this code:
$output = "";
$output .= "<li>";
$output .= "<div class='iconlist_icon avia-font-".$icon_el['font']."'><span class='iconlist-char'>{$display_char}</span></div>";
$output .= "<div class='iconlist_content_wrap'>";
$output .= "<h4 class='iconlist_title'>".$atts['title']."</h4>";
$output .= "<div class='iconlist_content'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop( $content ) )."</div>";
$output .= "</div>";
$output .= "<div class='iconlist-timeline'></div>";
$output .= "</li>";Replace it with:
$output = "";
$output .= "<li>";
$output .= "<a href='{$atts['link']}' title=''><div class='iconlist_icon avia-font-".$icon_el['font']."'><span class='iconlist-char'>{$display_char}</span></div></a>";
$output .= "<div class='iconlist_content_wrap'>";
$output .= "<h4 class='iconlist_title'>".$atts['title']."</h4>";
$output .= "<div class='iconlist_content'>".ShortcodeHelper::avia_apply_autop(ShortcodeHelper::avia_remove_autop( $content ) )."</div>";
$output .= "</div>";
$output .= "<div class='iconlist-timeline'></div>";
$output .= "</li>";Cheers,
Ismael
August 22, 2013 at 5:53 pm #136806I tried this and was very happy to see it work, but very sad to see $output = “”;
in the top left corner of the website (and iconlist modal window). I will leave this current for the time being for your viewing pleasure.
http://66.147.244.223/~peterwi1/
I agree, this should be standard option-to make as a button. There needs to be a hover effect that goes with this though, as every other link gets a hover feature.
August 22, 2013 at 6:42 pm #136807It worked :)
Why isn’t this implemented as an option?
And yes, I miss the hover effect.
@witter:
I don’t see the $output = “”;. Didn’t you copy/paste something double?
Many thanks!
August 22, 2013 at 6:43 pm #136808Awesome theme, btw!
August 23, 2013 at 5:46 am #136809Hey,
I don’t see the text $output = “”; either. Please check your code.
Glad we could help. :)
Cheers,
Ismael
September 6, 2013 at 11:40 am #136810Can you let me know where I can find the config – template builder?
Rohan
September 6, 2013 at 11:43 am #136811Hi Rohan,
It is located in WordPress theme directory so you should go to Enfold folder and you will find Config-templatebuilder folder there.
Regards,
Yigit
September 6, 2013 at 11:53 am #136812Found it! Thank you again Yigit. Question – so I have replaced the code, but the icon box isn’t a link as yet. This is for the home page and only the text heading of the icon box is clickable not the whole box itself. Any thoughts?
Rohan
September 6, 2013 at 12:07 pm #136813https://kriesi.at/support/topic/icon-box-icon-link
I found the code here. Question for you – where in the code do I put the link?
September 6, 2013 at 12:11 pm #136814Got it!
September 6, 2013 at 12:21 pm #136815Hi Rohan,
Glad you figured it out. Let us know if you have other questions or issues
Regards,
Yigit
September 13, 2013 at 6:01 pm #136816This is exactly the feature I was looking for. Thanks for the code!
PS – I searched the iconbox file for similar code (but with “iconbox” in the text instead of “iconlist”), but the code most be different. Could you please advise how to update Icon Box to make the icons clickable?
-
AuthorPosts
- The topic ‘Make Icon list icon clickable’ is closed to new replies.