Icons of Department List from JA-University

Forums    Joomla Templates Club    JA University    Icons of Department List from JA-University
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • rlandrade Friend
    August 25, 2014 at 4:36 pm #200781

    Hello,

    I’m trying to change the icons from the list of departments, but I can not. I do not know what I did wrong. I deleted the class of <li class = “”> and changed to <li> <i class = “fa-fa-university 2x”> as the page Font Awesome, but the image does not appear and the circle falls in relation others. Please help me! How can I solve this?

    What I’ve done (See if you need to put in the HEAD link)

    put in <head> <link href = “// maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css” rel = “stylesheet”>

    Put on the list

    <li> <i class = “fa-fa-university 2x”> <a title=”Letras Clássicas” href=”#”> Department of Classics </a> <span class = “Classics”> Classics </ span> </ i> </ li>

    But the icon does not appear. See the image.

    RL

    1. ScreenShot071
    pavit Moderator
    August 25, 2014 at 4:54 pm #547176

    Hi

    Could you share a link to the website ? so we can better check it

    rlandrade Friend
    August 26, 2014 at 12:07 pm #547298

    Pavit,

    link: http://146.164.9.69/portal/

    RL

    pavit Moderator
    August 26, 2014 at 6:20 pm #547343

    Hi

    I checked your website and i think you are missing a step

    The department list module is using the icon-x class defined in the template.css file

    If you want to change icons you need to manage 2 files

    1) templatesja_university_t3csstemplate.css
    2) templatesja_university_t3fontsfont-awesomecss

    i will make an example with the youtube icon-1 as in the T3 version of the template

    it is defined in the template.css file as

    .department-list ul.department-list li.icon-1 a:before {
    content: "f167";
    now if you check the file templatesja_university_t3fontsfont-awesomecssfont-awesome.css it has

    .fa-youtube:before {
    content: "f167";

    so to change the icon go to this url choose the icon you want to change ( example fa-bicycle ) and modify it in the font-awesome.css so it will be

    .fa-bicycle:before {
    content: "f167";

    hope was clear enough

    rlandrade Friend
    August 27, 2014 at 3:34 pm #547440

    Pavit,

    I did exactly what you asked for, but the icon did not appear. I cleared the cache, but continued in the same way. And Now, What I do?

    One more Question: Is it necessary put in <head> the ink of Awesome…?

    afrointel Friend
    September 4, 2014 at 7:18 pm #548341

    Hi.

    My website url is http://rejjilittle.com/~msoknust/. and im trying to replace the icons with my personal png files. how do i do that?

    Regards

    <em>@pavit 443019 wrote:</em><blockquote>Hi

    I checked your website and i think you are missing a step

    The department list module is using the icon-x class defined in the template.css file

    If you want to change icons you need to manage 2 files

    1) templatesja_university_t3csstemplate.css
    2) templatesja_university_t3fontsfont-awesomecss

    i will make an example with the youtube icon-1 as in the T3 version of the template

    it is defined in the template.css file as

    .department-list ul.department-list li.icon-1 a:before {
    content: "f167";
    now if you check the file templatesja_university_t3fontsfont-awesomecssfont-awesome.css it has

    .fa-youtube:before {
    content: "f167";

    so to change the icon go to this url choose the icon you want to change ( example fa-bicycle ) and modify it in the font-awesome.css so it will be

    .fa-bicycle:before {
    content: "f167";

    hope was clear enough</blockquote>

    afrointel Friend
    September 5, 2014 at 7:11 am #548410

    The problem is that the images i want to use cannot be found at the url you provided. attached is how i want the site to look. . Please advise

    1. home
    afrointel Friend
    September 8, 2014 at 8:30 pm #548764

    Pavit

    i still need your help. You seem to have missed my reply. please assist

    Regards

    pavit Moderator
    September 8, 2014 at 9:00 pm #548767

    Hi

    You cannot add your icons, you should set new icons choosing them from font-awesome website

    or you will need of a code customization to accomplish what you are asking for

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

This topic contains 9 replies, has 3 voices, and was last updated by  pavit 10 years, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories