CODEWITHSUNDEEP
jquerypluginsdrop-down-menufont-awesome
Konstantinos
Konstantinos

Reputation: 157

jquery plugin "DROP-DOWN LIST" add fontawesome icons

I use this nice jQuery plugin (SIMPLE EFFECTS FOR DROP-DOWN LISTS)

http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/

How can I add a new icon from FontAwesome, keeping at the same time the format in the following screen shot?

enter image description here

thank you

Upvotes: 2

Views: 2414

Answers (1)

Irvin Dominin
Irvin Dominin

Reputation: 30993

Starting from the example you have to change the font used from iconmoon to fontawesome web fonts.

The iconmoon web fonts have a very small list of supported icons.

Code:

.cd-dropdown span[class^="icon-"]:before, 
.cd-dropdown span[class*=" icon-"]:before {
    font-family: 'fontawesome' !important;
}

After doing that the styles will be matained and you can use all yout icons.

Demo: http://jsfiddle.net/IrvinDominin/k4FWN/

Upvotes: 1

Related Questions