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

#113069
GAtkins
Member

Thanks everybody for your help.

I finally got it to work as follows:

.footerdivleft a[href^=”http://”%5D:after, .footerdivmiddle a[href^=”http://”%5D:after, .footerdivright a[href^=”http://”%5D:after {

font-family: ‘icomoon’;
content: “e076”;
padding-left: 10px;}

The trick was to remove the &#x from the beginning of the glyph code and the ; from the end. The original glyph code was & # x e 0 7 6 ; without the spaces.

Thanks again for all the help. Much appreciated.

Glenn