Joomla Templates Club 406,261 posts

[mfmujic Friend mfmujicJoin date: November 2015Posts: 1Downloads:38Uploads:0]

#903932

Hi. you could help me to change the image of the heart, the clock for the template "ja-medical …"
I publish a print screen for that you can see what I need.
http://www.pergolasdelnorte.com.ar/images/resized/images/resized/images/mesasdejardin/plantilla.gif

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

#903934

Hi

Such icons are coming from font-awesome website
To change them with other font-awesome icons you can edit file template.css in this folder /templates/ja_medicare/css/

.t3-module.box-icon-note:before {
  content: "\f0f8";
}
.t3-module.box-icon-clock:before {
  content: "\f017";
}
.t3-module.box-icon-heart:before {
  content: "\f004";
}

and change the "code"; with your preferred font-awesome new icon

Hope it helps

[nives Friend nivesJoin date: February 2016Posts: 6Downloads:16Uploads:5 Thanks: 3]

#923326

Hi,

I tried this but it’s not working for me. I changed the code and the name in template.css, and also in backend, but I get only blank box, without the picture.
Any suggestions?
Thnx

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

#923354

Hi there

You should change only the unicode in template.css file

example:

If you want to change the icon-hearth to Joomla icon then you need to find the icon Joomla unicode on font-awesome website
Then copy the unicode f1aa overriding the unicode for icon-hearth in template.css file

from :

.t3-module.box-icon-heart:before {
  content: "\f004";
}

To :

.t3-module.box-icon-heart:before {
  content: "\f1aa";
}

Look at the result

---

Attachments:

1. 
2. 

[nives Friend nivesJoin date: February 2016Posts: 6Downloads:16Uploads:5 Thanks: 3]

#923409

I did that, and i still get only heart 🙁
I even tried to replace the code in the font-awesome.css but nothing.

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

#923411

nives wrote:

I even tried to replace the code in the font-awesome.css but nothing.

Share here as private reply a temp super user account to your backend so we can have a look at the problem

[nives Friend nivesJoin date: February 2016Posts: 6Downloads:16Uploads:5 Thanks: 3]

#923497

This reply has been marked as private.

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

#923530

The account provided above doesn’t works, could you double check it ?

[nives Friend nivesJoin date: February 2016Posts: 6Downloads:16Uploads:5 Thanks: 3]

#923622

This reply has been marked as private.

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

#923626

You are using /local folder so your changes should be done in this file /templates/ja_medicare/local/css/template.css

I changed hearth icon with Joomla icon changing the unicode value and as you can see from your home it works fine.

Regards

1 user says Thank You to pavit for this useful post

1. nives

[nives Friend nivesJoin date: February 2016Posts: 6Downloads:16Uploads:5 Thanks: 3]

#923920

This reply has been marked as private.

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

#923938

how can i make this button not to be white on hover?

I restored correct settings for it

I disabled the development mode so you can see on front-end the resultes of customizations

Regards

P.S.

Since we resolved the problem you had with the hearth icon on module , if you need other help with other issues, would be better to open new topics , in this way solutions proposed can help also other users.

1 user says Thank You to pavit for this useful post

1. nives

[Author]

Posts