Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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

    #136805

    Hey,

    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

    #136806

    I 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.

    #136807

    It 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!

    #136808

    Awesome theme, btw!

    #136809

    Hey,

    I don’t see the text $output = “”; either. Please check your code.

    Glad we could help. :)

    Cheers,

    Ismael

    #136810

    Can you let me know where I can find the config – template builder?

    Rohan

    #136811

    Hi 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

    #136812

    Found 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

    #136813

    https://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?

    #136814

    Got it!

    #136815

    Hi Rohan,

    Glad you figured it out. Let us know if you have other questions or issues

    Regards,

    Yigit

    #136816

    This 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?

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Make Icon list icon clickable’ is closed to new replies.