Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 12, 2019 at 9:48 am #1137439
    peterolle

    After trying different options I got one that “kind of” works.

    a[target="_blank"]:after {
 font-family: 'entypo-fontello';
 content: ' \E800';
}

    The problem is that it displays a music icon instead of the link one. All the other I try, it shows a square, failing to show the correct icon.

    What is the correct CSS to style all internal and all external links in Enfold?

    font-family: ‘entypo-fontello’; ?
    font-family: ‘fontello’;?
    font-family: ‘fontawsome’;?

    Because I am not able to make it work. I will really appreciate if you share both. 1 internal and 2- external.

    Thank you.

    September 13, 2019 at 10:09 am #1137882
    Victoria

    Hey peterolle,

    Could you please give us a link to your website, we need more context to be able to help you.

    The icon font is Enfold is entypo-fontello, unless you uploaded something else.

    Best regards,
    Victoria

    September 13, 2019 at 10:46 am #1137911
    peterolle

    Thank you.

    There is actually no context. For anyone looking into this you have to use the codes that can bee seen when adding an icon using Avia builder.

    For external link it is this:

    a[target="_blank"]:after {
	font-family: 'entypo-fontello';
	content: ' \E835';
}

    The problem is that everything gets the icon. Text links, image links, navigation menus, etc… So you will have to style everything as needed.

    Hope it helps someone else.

    September 14, 2019 at 1:17 pm #1138294
    Rikard

    Hi,

    Thanks for sharing, it’s much appreciated :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.