How do I replace select menu image with font awsome?

[Brian Jester]

Hello,

I would like to change the icon from a png to a font-awsome icon, can someone help me do this?

This is the icon I want to replace: background-image: url("../img/gallery.png");

I tried the pseudo: before with content: "\f0d7" but this will only work OUTSIDE the select menu (hence, before) so how can I replace the icon INSIDE the select?

Sorry for the lack of understanding with the coding...It's a steep learning curve for me, but I am still trying...

Thanks again!
Brian

[Brian Jester]

Anyone know how to replace the select menu image with font awesome icon? I am using the General Wide Template.

Thank you
Brian

[Rudi]

Hello,

See how to use this lib on the official site: https://fontawesome.com/get-started

if you need to disable a standard icon for some html element you should:
- inspect this element using right click > inspect
- find an element which contains 'background' css feature
- check what row is related to this css style
- then find this row in style.css and comment out/remove background feature

inspect.jpg