TOPIC:

Kaiser : add icon-font for menu. How To ? 4 years 6 months ago #234608

  • Topic Author
  • Repitol
  • Offline
  • Senior Member
  • Senior Member
  • Registered
  • Posts: 141
  • Thanks: 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

Please Log in or Create an account to join the conversation.

Kaiser : add icon-font for menu. How To ? 4 years 6 months ago #234621

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 5957
  • Thanks: 558
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
Attachments:

Please Log in or Create an account to join the conversation.

Kaiser : add icon-font for menu. How To ? 4 years 6 months ago #234623

  • Topic Author
  • Repitol
  • Offline
  • Senior Member
  • Senior Member
  • Registered
  • Posts: 141
  • Thanks: 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
:)

Please Log in or Create an account to join the conversation.

Kaiser : add icon-font for menu. How To ? 4 years 6 months ago #234629

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 5957
  • Thanks: 558
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

Please Log in or Create an account to join the conversation.

Kaiser : add icon-font for menu. How To ? 4 years 6 months ago #234739

  • Topic Author
  • Repitol
  • Offline
  • Senior Member
  • Senior Member
  • Registered
  • Posts: 141
  • Thanks: 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

Please Log in or Create an account to join the conversation.

Kaiser : add icon-font for menu. How To ? 4 years 6 months ago #234755

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 5957
  • Thanks: 558
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

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Time to create page: 0.058 seconds

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Subscribe to news and updates!

Special Offer

Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!

Live Support Chat Opened!

Join our Discord chat here and enter the Crosstec channels to receive live support and talk directly to the team!