Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #559089

    Hello Enfold team,

    How can I replace the search icon (the entypo-fontello magnifier) by a custom icon? I installed a new font via the “Iconfont manager” and I’m already using these custom icons for the iconlists —that works fine—, but I can’t figure out, where to change/set the search icon (for the menu bar, the search field and the search result page).

    Best regards & a prosperous new year!
    Till.

    #559560

    Hey Till!

    To replace the search icons with different font icons you will need to edit the core files however one other easy alternative would be to replace it with your custom png icons.

    Try this code below

    
    #top #menu-item-search.menu-item-search-dropdown>a:before {
        font-family: sans-serif !important;
        content: url(_SEARCH_PNG_HERE_);
    }
    

    If you do not find this helpful please provide your website URL so we can further help you resolve this issue.

    Best regards,
    Vinay

    #559847

    Hi Vinay,

    thanks for your quick answer. However, I would prefer using the icon font instead of PNGs – can you offer me a solution for that too? The URL of my website is attached.

    Best regards,
    Till.

    #560004
    #560091

    Perfect!

    Thanks,
    Till.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Replace standard search icon by custom icon’ is closed to new replies.