-
April 7, 2018, 12:42 PM
#1
Guru
How do I replace select menu image with font awsome?
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
-
April 7, 2018, 08:38 PM
#2
Guru
Anyone know how to replace the select menu image with font awesome icon? I am using the General Wide Template.
Thank you
Brian
-
April 9, 2018, 08:18 AM
#3
Flynax developer
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