Altering Icons

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1564
    rwdbrooks
    Member

    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!

    #1579
    livemesh
    Keymaster

    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.

    #1580
    rwdbrooks
    Member

    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?

    #1581
    rwdbrooks
    Member

    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…

    #1587
    livemesh
    Keymaster

    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.

    #1596
    rwdbrooks
    Member

    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…

    #1608
    livemesh
    Keymaster

    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

    #1637
    rwdbrooks
    Member

    Worked perfectly. Thanks!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Appdev Theme Support’ is closed to new topics and replies.