Altering Icons

[rwdbrooks]

So, i’m trying to make a small change to one of the icons.

There’s no icon for a car, so I’m trying to the the taxi icon and just erase the top bit to make it look like a car.

I’ve changed the png, the svg, and the sprites, but the icon stays the same.

What am I missing?

Thanks!

[livemesh]

Hi,

What png file you are trying to change and where do you want to use the icon? If you can send me a screenshot or a link to your site and specify where you want to use the icons, I can suggest a solution. If you just want a car icon image file then here is a link to find icons https://www.iconfinder.com/search/?q=car

Thanks.

[rwdbrooks]

my site is switchr.org. And you’ll be able to see it in the middle of the 2nd section.

The icon file I’ve tried changing is themes/appdev/images/icomoon/

then the taxi.png & taxi.svg

Is there something else I should change?

[rwdbrooks]

Also, how would I just insert another? I’ve added the png and svg of another icon, but I can’t get it to show.

I’ve put the png & svg in the same folder in icomoon as the others…

[livemesh]

Hi,

You are modifying the wrong file. You will have to modify the “icomoon.svg” file in the “CSS\icon-fonts” folder. You can load that file in the icomoon app ( http://icomoon.io/app/ ) and modify it. You can add new icons from the icomoon recommended icon packs to your app and export the fonts package. Hope that helps. Thanks.

[rwdbrooks]

Ok, tried that and it didn’t work. All it did was wipe out all the icons on my site.

I simply added another, downloaded it and then replaced the icon files on my server.

Still learning design as you can tell, but any other help you can provide would be appreciated…

[livemesh]

I have attached the icon for the “car”. After uploading the icon to your media library, you can have a custom CSS specified in the Custom CSS tab in the theme options panel for this icon to take effect –

.features-list-alternate .icon-taxi {
font-family: inherit;
color: transparent;
background: url("http://yourdomain.org/wp-content/uploads/2013/09/taxi.png");
width: 32px;
height: 32px;
	
} 

Hope this works for you. Thanks

[rwdbrooks]

Worked perfectly. Thanks!

[Author]

Posts