PDA

View Full Version : How do I replace select menu image with font awsome?



Brian Jester
April 7, 2018, 12:42 PM
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
April 7, 2018, 08:38 PM
Anyone know how to replace the select menu image with font awesome icon? I am using the General Wide Template.

Thank you
Brian

Rudi
April 9, 2018, 08:18 AM
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

2836