Kaiser : add icon-font for menu. How To ?

  • Repitol
  • Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 101
  • Thank you received: 1

Repitol created the topic: Kaiser : add icon-font for menu. How To ?

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
#234608
  • MarioPuco
  • MarioPuco's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 5450
  • Karma: 114
  • Thank you received: 501

MarioPuco replied the topic: Kaiser : add icon-font for menu. How To ?

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

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#234621
Attachments:
  • Repitol
  • Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 101
  • Thank you received: 1

Repitol replied the topic: Kaiser : add icon-font for menu. How To ?

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
:)
#234623
  • MarioPuco
  • MarioPuco's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 5450
  • Karma: 114
  • Thank you received: 501

MarioPuco replied the topic: Kaiser : add icon-font for menu. How To ?

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

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#234629
  • Repitol
  • Topic Author
  • Offline
  • Expert Boarder
  • Expert Boarder
  • Posts: 101
  • Thank you received: 1

Repitol replied the topic: Kaiser : add icon-font for menu. How To ?

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
#234739
  • MarioPuco
  • MarioPuco's Avatar
  • Away
  • Administrator
  • Administrator
  • Posts: 5450
  • Karma: 114
  • Thank you received: 501

MarioPuco replied the topic: Kaiser : add icon-font for menu. How To ?

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

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#234755
Moderators: tomeperica
Time to create page: 0.160 seconds

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99€

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

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!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here