Photo Gallery Forums

Hello there,

I've tried to create a list with Font Awesome icons, but apparently, as soon as I use the icons in a list, there is "not so pretty" pixel shift in the text. The text seems to be shifted down with a couple of pixels.

Any chance to fix this ? Maybe I'm not using the right code.

Result : http://www.ehretic.com/6prestationstest/

Code used :

I did some research on the styles, and this is just how it is ... In the example page on font-awesome, it may look better simply because they have adjusted everything to their font/size/style.


You can "fix" it by adding some custom CSS, although I'm not sure it's bulletproof:
Scales with font:

Many thanks Karl, it does work !

(and hopefully it will stay like that for a while )

can i use FontAwesome in Menu or title?

winph wrote:can i use FontAwesome in Menu or title?

In title yes.

In menu (label), currently no. I will fix this for a release coming within two weeks.

mjau-mjau wrote:

winph wrote:can i use FontAwesome in Menu or title?

In title yes.

In menu (label), currently no. I will fix this for a release coming within two weeks.

I added this to the title but it doesnt show up in the menu (main and submenu)
<i class="fa fa-bookmark-o"></i> Foods

winph wrote:I added this to the title but it doesnt show up in the menu (main and submenu)
<i class="fa fa-bookmark-o"></i> Foods

That's because title is not used for the menu. Menu uses label, and defaults to slug (folder name "slugified") if label is not set. This is because titles are generally too long to be used in the menu. If you want label to be the same as title, you must explicitly set it from the label input.

BUT, as mentioned, labels do not support html tags, because it may break the menu when certain html tags are used. It is safe to use html in titles and descriptions, because these are page-elements that can't really break anything.

HOWEVER, I will be adding support for some html tags (including <i> for icons) for labels in next release, which will be available within 2 weeks. You'll have to wait :expressionless: ...