Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Appending A Data-Icon To An External Link With CSS3 Re: Appending A Data-Icon To An External Link With CSS3

#113053
GAtkins
Member

@Paulie, That’s exactly what I’m trying to do, but I cannot get the syntax correct.

In the Icomoon style sheet it says this:

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: ‘icomoon’;
content: attr(data-icon);
speak: none;
font-weight: normal;
-webkit-font-smoothing: antialiased;
}

but something is wrong or missing in my syntax below.

.footerdivleft a[href^=”http://”%5D:after, .footerdivmiddle a[href^=”http://”%5D:after, .footerdivright a[href^=”http://”%5D:after {
font-family: ‘icomoon’;
content: attr(‘&#xe070’);}

Any ideas? @Joni, your solution blows my still newbie mind.

Glenn