Jump to content


Photo
- - - - -

Add icon in menu list


Best Answer James B , 10 January 2013 - 04:00 AM

Hi there, Pagelines uses the navbar from bootstrap and the has fontawesome installed (which is the icons) so you could follow this video tutorial which will show you how to add icons into the menu.

 

Go to the full post


  • Please log in to reply
7 replies to this topic

#1 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 09 January 2013 - 08:39 PM

Can I add an icon to menu items, something like the attached image?

 

Attached Files



#2 batman

batman

    Bat Learning

  • Members

  • 2079 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 09 January 2013 - 08:51 PM

Hi hop2us

Yes you can add a icon glyphs

You can make a custom link and add at Navigation Label

For example, like in my web (arte-baires.com.ar)

<i class="icon-home icon-white"></i> Arquitectura



#3 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 10 January 2013 - 03:01 AM

yes this is just what I want to do but I guess I just don't know how to add this class and artwork for the icon.



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 January 2013 - 04:00 AM   Best Answer

Hi there, Pagelines uses the navbar from bootstrap and the has fontawesome installed (which is the icons) so you could follow this video tutorial which will show you how to add icons into the menu.

 



#5 hop2us

hop2us

    Advanced Member

  • Members
  • 64 posts
  • Country: Country Flag

Posted 10 January 2013 - 04:58 AM

wow, that was easy. Thank you! It's perfect and just what I needed!



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 January 2013 - 05:11 AM

You're welcome :-) glad it worked



#7 ingo68

ingo68

    Member

  • Members

  • 20 posts
  • LocationGermany
  • Framework Version:2.4
  • Country: Country Flag

Posted 23 January 2013 - 02:42 PM

Hi James,

 

great video! I tried it once and it is equal imitation.

I also added the code

Please Login or Register to see this Hidden Content

 

in the menu. but it is no icon displayed. preparations which I have to make to make it work?



#8 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 24 January 2013 - 08:32 AM

Hi Ingo 

 

This is an old topic - could you create a new one post isting the steps you have taken. We can then work through how to get this resolved for you. 

 

Thank you