Joomla Templates Club 406,261 posts

[tishelpdesk42 Friend tishelpdesk42Join date: February 2014Posts: 195Downloads:22Uploads:70 Thanks: 25 Thanked: 2 times in 2 posts]

#758555

Dear All,

Please find the attached picture below regarding Department lists. Kindly for your help to show the Department name permanently.

Thank you for your Cooperation and Support.

Regards,

Ahmad Moussa

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#758773

<blockquote>Please find the attached picture below regarding Department lists. Kindly for your help to show the Department name permanently.</blockquote>

Hi

Could you please give us more details about your problem ? and also post here the url of your website ?

[tishelpdesk42 Friend tishelpdesk42Join date: February 2014Posts: 195Downloads:22Uploads:70 Thanks: 25 Thanked: 2 times in 2 posts]

#758774

Thank you Pavit,

my site url is tis.tis.edu.sa …..I want to permanently show department names without hovering as attached in the picture. I am not able to find these icons to edit them?

Thank you for your support.

Ahmad

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#758776

Hi

Add this to your custom.css

.department-list ul.department-list li span {
display:initial!important;
}

<blockquote>I am not able to find these icons to edit them? </blockquote>

They are set using font-awesome icons from template.css file

example :

.department-list ul.department-list li.icon-4 a:before {
content:"f108"
}

The code for f108 is inside this file templatesja_university_t3fontsfont-awesomecssfont-awesome.css

.fa-desktop:before {
content: "f108";
}

So you can change icons adding another code to template,css

example : if you want to change icon4 from desktop to mobile-phone icon then you need to set in your template.css

.department-list ul.department-list li.icon-4 a:before {
content:"\f10b"
}

Because font-awesome.css file has

.fa-mobile-phone:before, {
content: "f10b";
}

Hope was clear

[tishelpdesk42 Friend tishelpdesk42Join date: February 2014Posts: 195Downloads:22Uploads:70 Thanks: 25 Thanked: 2 times in 2 posts]

#758778

Thank you for your quick reply.

Sorry but you mean custom.css….template.css?

Thank you again.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#758779

Hi

Yes i mean custom.css in this folder templatesja_university_t3css

If you haven’t it you can create a new file with this name

HERE you can find documentation about it

1 user says Thank You to pavit for this useful post

1. tishelpdesk42

[tishelpdesk42 Friend tishelpdesk42Join date: February 2014Posts: 195Downloads:22Uploads:70 Thanks: 25 Thanked: 2 times in 2 posts]

#758780

Dear Pavit,

Thank you for your great support.

God Bless you.

Ahmad

1 user says Thank You to tishelpdesk42 for this useful post

1. pavit

[Author]

Posts