change icon in department module

Forums    Joomla Templates Club    JA University    change icon in department module
Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Author
    Posts
  • pavit Moderator
    June 30, 2015 at 3:40 pm #575922

    Hi

    To change font-awesome icons with your icon you should change css file

    templatesja_university_t3fontsfont-awesomecssfont-awesome.css then choose the font-awesome icon

    Example :

    .fa-bookmark:before {
    content: "f02e";
    }

    change it to :

    .fa-bookmark:before {
    content: "url to your image";
    }

    pavit Moderator
    June 30, 2015 at 3:40 pm #642251

    Hi

    To change font-awesome icons with your icon you should change css file

    templatesja_university_t3fontsfont-awesomecssfont-awesome.css then choose the font-awesome icon

    Example :

    .fa-bookmark:before {
    content: "f02e";
    }

    change it to :

    .fa-bookmark:before {
    content: "url to your image";
    }

    pavit Moderator
    June 30, 2015 at 3:40 pm #740911

    Hi

    To change font-awesome icons with your icon you should change css file

    templatesja_university_t3fontsfont-awesomecssfont-awesome.css then choose the font-awesome icon

    Example :

    .fa-bookmark:before {
    content: "f02e";
    }

    change it to :

    .fa-bookmark:before {
    content: "url to your image";
    }

    Joelle.Rallion-Autet Friend
    July 1, 2015 at 10:22 am #576001

    Dear Pavit,
    Thanks a lot for your answer. I’ve looked several times in the whole file :
    templatesja_university_t3fontsfont-awesomecssfont-awesome.css
    but I cannot find the code for the department icons in it…
    would you have another advice for me ?
    thanks a lot,
    Jo?lle

    pavit Moderator
    July 1, 2015 at 10:44 am #576009

    <em>@Joelle.Rallion-Autet 480828 wrote:</em><blockquote>Dear Pavit,
    Thanks a lot for your answer. I’ve looked several times in the whole file :
    templatesja_university_t3fontsfont-awesomecssfont-awesome.css
    but I cannot find the code for the department icons in it…
    would you have another advice for me ?
    thanks a lot,
    Jo?lle</blockquote>

    Hi

    Could you send me via Private Message a super user account to your backend ?

    So i can have a look at your environment configuration.

    Joelle.Rallion-Autet Friend
    July 1, 2015 at 11:15 am #576016

    yes, certainly, I just send it to you.
    Thanks,
    Joelle

    pavit Moderator
    July 1, 2015 at 3:18 pm #576035

    <em>@Joelle.Rallion-Autet 480845 wrote:</em><blockquote>yes, certainly, I just send it to you.
    Thanks,
    Joelle</blockquote>

    Hi

    Please take a look at this Thread

    Joelle.Rallion-Autet Friend
    July 1, 2015 at 3:40 pm #576038

    Ok, thanks, I will try that and let you know tomorrow if it works,
    Best,
    Joelle

    Joelle.Rallion-Autet Friend
    July 2, 2015 at 1:05 pm #576129

    hello,
    I’ve tried all of these, and nothing works, I don’t understand…
    Best,
    Joelle

    Joelle.Rallion-Autet Friend
    July 2, 2015 at 1:05 pm #642455

    hello,
    I’ve tried all of these, and nothing works, I don’t understand…
    Best,
    Joelle

    Joelle.Rallion-Autet Friend
    July 2, 2015 at 1:05 pm #741114

    hello,
    I’ve tried all of these, and nothing works, I don’t understand…
    Best,
    Joelle

    pavit Moderator
    July 2, 2015 at 4:28 pm #576145

    <em>@Joelle.Rallion-Autet 481012 wrote:</em><blockquote>hello,
    I’ve tried all of these, and nothing works, I don’t understand…
    Best,
    Joelle</blockquote>

    Hi

    Since you are using a customized theme you should edit this file /templates/ja_university-t3/local/css/themes/teal/template.css line 1923

    and edit it in this way :

    FROM :

    .department-list ul.department-list li.icon-1 a:before {
    content: "f0b1";
    }

    TO :

    .department-list ul.department-list li.icon-1 a:before {
    content: url("../../images/icons/youricon.png");
    }

    Then copy into this folder templatesja_university_t3imagesicons youricon.png file
    Repeat same step with new images icons for icon-1 , icon-3, icon-4 etc etc

    pavit Moderator
    July 2, 2015 at 4:28 pm #642471

    <em>@Joelle.Rallion-Autet 481012 wrote:</em><blockquote>hello,
    I’ve tried all of these, and nothing works, I don’t understand…
    Best,
    Joelle</blockquote>

    Hi

    Since you are using a customized theme you should edit this file /templates/ja_university-t3/local/css/themes/teal/template.css line 1923

    and edit it in this way :

    FROM :

    .department-list ul.department-list li.icon-1 a:before {
    content: "f0b1";
    }

    TO :

    .department-list ul.department-list li.icon-1 a:before {
    content: url("../../images/icons/youricon.png");
    }

    Then copy into this folder templatesja_university_t3imagesicons youricon.png file
    Repeat same step with new images icons for icon-1 , icon-3, icon-4 etc etc

    pavit Moderator
    July 2, 2015 at 4:28 pm #741130

    <em>@Joelle.Rallion-Autet 481012 wrote:</em><blockquote>hello,
    I’ve tried all of these, and nothing works, I don’t understand…
    Best,
    Joelle</blockquote>

    Hi

    Since you are using a customized theme you should edit this file /templates/ja_university-t3/local/css/themes/teal/template.css line 1923

    and edit it in this way :

    FROM :

    .department-list ul.department-list li.icon-1 a:before {
    content: "f0b1";
    }

    TO :

    .department-list ul.department-list li.icon-1 a:before {
    content: url("../../images/icons/youricon.png");
    }

    Then copy into this folder templatesja_university_t3imagesicons youricon.png file
    Repeat same step with new images icons for icon-1 , icon-3, icon-4 etc etc

    Joelle.Rallion-Autet Friend
    July 3, 2015 at 8:27 am #576239

    Thanks again for this new advice, but unfortunately, this is not working either.
    I did it for icon-3
    with my image UBM-90px.png
    but it doesn’t work. This is getting discouraging…
    Joelle

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

This topic contains 17 replies, has 2 voices, and was last updated by  Joelle.Rallion-Autet 9 years, 4 months ago.

The topic ‘change icon in department module’ is closed to new replies.

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories