Jump to content
hop2us

Add icon in menu list

Recommended Posts

hop2us    1
hop2us

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

 

post-187-0-48710700-1357763982_thumb.png

Share this post


Link to post
Share on other sites
batman    389
batman

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


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
hop2us    1
hop2us

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.

Share this post


Link to post
Share on other sites
James B    436
James B

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.

 


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
hop2us    1
hop2us

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

Share this post


Link to post
Share on other sites
James B    436
James B

You're welcome :-) glad it worked


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
ingo68    1
ingo68

Hi James,

 

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

I also added the code

<i class="icon-envelop-alt"></i>

 

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

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

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 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×