Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #25065

    I see the shortcode as:

    [av_font_icon color="" icon="221" size="40px" position="left" use_link="{{use_link}}" link="" linktarget="no"]

    How do I use this so I can insert the link to a URL both internal and external? The layout editor doens’t give a link option.

    #125668

    Hi kcharity,

    Here is an example:

    [av_font_icon color="#8c8c8c" icon="1" size="40px" position="left" use_link="use_link" link="http://google.com" linktarget="no"]

    Then change the no to yes for opening in a new window.

    Regards,

    Devin

    #125669

    I have a follow up question. I can get the link to work, but the icon color when I make it a link defaults to the theme’s link color, in this case splash red, and once i click the link the icon is underlined. I want the link to work as social media button would. any suggestions?

    #125670

    Hi enester1,

    Do you have a live example we can take a look at? It shouldn’t default as far as I know but there could be a nested case where it does but inspecting the code will let us see either way.

    Regards,

    Devin

    #125671

    http://thepsychreport.com/kriesi-link-test/….all the colors should be different, but are showing up red

    #125672

    I see what you mean now. Yes it does inherit the site wide link color once it becomes a link. So you want need to target it directly in order to change the color or wrap the icon shortcode in a url from the Text tab instead of adding the link directly to the icon. Eg:

    <a href="http://google.com">
    [av_font_icon color="#606060" icon="65" size="40px" position="left" link="" linktarget="no"]
    </a>

    Regards,

    Devin

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add link to icon font short code’ is closed to new replies.