Joomla Templates Club 406,261 posts

[Pontikos Friend PontikosJoin date: January 2006Posts: 21Downloads:10Uploads:8 Thanks: 5]

#205579

I would like to change the icons in the JA Medicare template to:
Position 1: fa-users “f0c0”
Position 3: fa-search “f002”

I have updated the template.css file as per the screenshot. I have also tried matching the name to the code in the template.css (e.g. fa-users) file but nothing has helped. I have doubled checked permissions on the file to make sure the updated template.css file has been correctly uploaded.

I am not sure what I am doing wrong, it either displays no icon at all or the default ‘heart’ and ‘note’ icon.

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#567221

Hi Pontikos,

The first thing you need to do is changing module class suffix for your modules(position1/2/3). In this case, take a look about the module class suffix for Meet the Team module

box-background-secondary box-icon box-icon-heart

so if you want to change the icon, change the module class suffix to

box-background-secondary box-icon box-icon-users

Last step, open custom.css file and add css code for your new icon

.t3-module.box-icon-users:before {
content: “f0c0”;
}

Let me know if you still face the issue.

[Pontikos Friend PontikosJoin date: January 2006Posts: 21Downloads:10Uploads:8 Thanks: 5]

#567227

I followed these steps but now I have no icon displaying at all in position 1 and position 3. See screenshots for settings and results.
.

---

Attachments:

1. 
2. 
3. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#567250

Hi there,

Open custom.css file located at yourdomain.com/dev/templates/ja_medicare/css/custom.css

then add the css code
.t3-module.box-icon-users:before {
content: “f0c0”;
}

.t3-module.box-icon-search:before {
content: “f002”;
}

the result like so

Hope that more clear.

---

Attachments:

1. 

1 user says Thank You to phong nam for this useful post

1. Pontikos

[Author]

Posts