footer menu ICONS - FONT AWESOME

hi,
would like to know how can i insert the facebook icon in footer ... with a link to facebook page.

would like to use <i class="icon-facebook"></i>

but how ? there is no option in menu manager to select custom html or something ?

thanks

Hi.
Please read this manual: http://www.gavick.com/documentation/joo ... enu-items/

Ok thanks for that ,

For the first part i understand that i need to add the menu id to the file "css/font-awesome.css"
Like so

Code: Select all

[class^="icon-"],
[class*=" icon-"], #menu102 {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em;
}


But i dont understand where to add this,

Now find the icon name that suits your needs, for example “magic”, and add after the comma your menu ID with a “:before” tag.

Code: Select all

.icon-magic:before, #menu102:before {
  content: "\f0d0";
}

Now find the icon name that suits your needs, for example “magic”....

List of all icons fonts which are used in template you can always check here:

http://fontawesome.io/3.2.1/
and
in template file here: gk_TemplateName/css/font-awesome.css.

We used "old" font awesome, read more at the bottom : http://www.gavick.com/documentation/joo ... n-modules/

I dont understand where to add this,

Now find the icon name that suits your needs, for example “magic”, and add after the comma your menu ID with a “:before” tag.

Code: Select all

.icon-magic:before, #menu102:before {
  content: "\f0d0";
}

[/quote]

you did not answer my question ...

where do i add this peace of code ??? what file ?

thanks

Sorry,
I hoped that you have found this tip: http://www.gavick.com/documentation/joo ... -template/


As you can see we have whole Customization category

) i never got a straight answer from you ...
Are you trying to say overrides.css ?

So 1st goes to the file "css/font-awesome.css"

And 2nd to override.css ?

Because it depends which method you have to plan to use.
Method #2 - you can use overrides.css or Custom CSS code fields - it does not matter, the result is more important
Method #3 - /css/font-awesome.css

I thought I described it.