Icon in the mega menu

Posted in: Newspaper
Post count: 260

Hello

In the menu, we using icon in front of main titles.
http://www.virtualmagie.org/articles/comptes-rendus/une-semaine-avec/journal-intime-otto-wessely-a-las-vegas/

How it is possible to add those in front of the title categories wich are under the mega menu.
For example under CRTIQUES, it would be cool if I could add icone in front of Lectures, Matos & Vidéomania.

Thanks

Post count: 7909

Hi,

Unfortunately you cannot do this, as using a parent category megamenu, it will load automatically all subcategories, you don’t add them manually.
You can try to do this via custom css and use menu item unique class, for example – http://screencast.com/t/keJwuAwvXEG1

.menu-item-12429 .td_block_mega_menu .td_mega_menu_sub_cats a:before {
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
position: relative;
}

Thanks!

Post count: 260

Ok thanks for this answer.

Another thing with picto : I want to put a picto in front of Log in (Se Connecter in french).

In admin theme/translation, I put the code <i class=”icon-cog”></i> in front of “Se connecter / S’enregistrer” but nothing appears on the site:

http://www.virtualmagie.org/

Any idea why and how to add the picto (without losinf that at each update) ?

Regards

Post count: 7909

Hi,

You cannot add the icon in the translation section as it will not work.
I guess that you want to add an icon when you are not logged in(when you are logged in the user avatar is displayed there – http://screencast.com/t/TTqq6qnBLNWE ), so you can do the same like I suggested for megamenu using custom css – http://screencast.com/t/75mVRi0FUYtB

.menu-item a.td-login-modal-js::before{
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-right: 5px;
position: relative;
}

Thanks!

Post count: 260

Great! Thanks

Post count: 260

Another question about icons:

We want to insert FA font in the text of the posts.

I try (for each I but the code in code not in HTML of course) :
1/ unicode but there only a square
2/ <i class=”icon-anchor”></i> but nothing appear

You can see that here:
http://www.virtualmagie.org/articles/tours/tours-de-magie-tours/piece-signee-disparition-et-reapparition-de-gilbus/

Regards

Post count: 7909

Hi,

You need to use a font awesome plugin(different than FA for menus-recommended by the theme for menu) to add icons in the post content.

Thanks!

Post count: 260
Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newspaper’ is closed to new topics and replies.