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.
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?
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.
http://thepsychreport.com/kriesi-link-test/….all the colors should be different, but are showing up red
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:
[av_font_icon color="#606060" icon="65" size="40px" position="left" link="" linktarget="no"]
The topic ‘Add link to icon font short code’ is closed to new replies.