Bienvenido, Invitado
Recordarme

TEMA:

Kaiser : add icon-font for menu. How To ? 2 años 7 meses antes #234608

  • Autor del tema
  • Repitol
  • Fuera de línea
  • Senior Breezer
  • Senior Breezer
  • Mensajes: 113
  • Gracias recibidas: 2
Hi
on the demo page I can see Font-Awesome icon before menu links
how can I do the same for my website and is it possible to add other icons
such as what I see at icofont.com/icons ?
thanks

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Kaiser : add icon-font for menu. How To ? 2 años 7 meses antes #234621

  • Avatar de MarioPuco
  • MarioPuco
  • Fuera de línea
  • Ultimate Breezer
  • Ultimate Breezer
  • Mensajes: 5958
  • Karma: 119
  • Gracias recibidas: 557
Hello,

If you want to add icons as in our demos pleae go to Menus > YOUR MENU > Menu Item > Dropdown Menu Options > Menu Icon > and choose your icon for this Menu Item.



Regards,
Mario
Adjuntos:

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Kaiser : add icon-font for menu. How To ? 2 años 7 meses antes #234623

  • Autor del tema
  • Repitol
  • Fuera de línea
  • Senior Breezer
  • Senior Breezer
  • Mensajes: 113
  • Gracias recibidas: 2
ok thanks I missed that
is it possible to add icons or change them ?
More icons available at icofont.com that suit my website purpose
:)

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Kaiser : add icon-font for menu. How To ? 2 años 7 meses antes #234629

  • Avatar de MarioPuco
  • MarioPuco
  • Fuera de línea
  • Ultimate Breezer
  • Ultimate Breezer
  • Mensajes: 5958
  • Karma: 119
  • Gracias recibidas: 557
Hi,


We don't have any available icon packs except the basic one.
Although I could probably replace the icons with Javascript that would not be a pretty solution.
For example you can replace the icons with Font awsome Icons if you include the script to your template and afterwards you can do something like :
<script>
       jQuery(document).ready(function(){
       		jQuery('.icon-adjust').replaceWith( '<i class="fa fa-upload" aria-hidden="true"></i>' );
        });
</script>

Again this is not an elegant solution but it could work.

Regards,
Mario

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Kaiser : add icon-font for menu. How To ? 2 años 7 meses antes #234739

  • Autor del tema
  • Repitol
  • Fuera de línea
  • Senior Breezer
  • Senior Breezer
  • Mensajes: 113
  • Gracias recibidas: 2
Hi Mario
Actually it's a good idea but it doesn't work entirely. The first icon is well replaced but the second one makes the menu element title disapearing (just the icon is displayed).
Another solution I found was to create my own icons png and uploaded them into the template icon images folder then I use the default icon manager from the menu settings.
Thanks

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Kaiser : add icon-font for menu. How To ? 2 años 7 meses antes #234755

  • Avatar de MarioPuco
  • MarioPuco
  • Fuera de línea
  • Ultimate Breezer
  • Ultimate Breezer
  • Mensajes: 5958
  • Karma: 119
  • Gracias recibidas: 557
Hi,

Aha I think I saw that when I browsed throug the forums to see if this has been done before.
Good job on tracking the issue.

Regards,
Mario

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

  • Página:
  • 1
Tiempo de carga de la página: 0.082 segundos