Joomla Templates Club 406,261 posts

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#684285

I am interested how to change this awesome fonts icons to ordinary .png images
Please, explain ..
It is very important to me!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#684311

Hi,

You can go to backend site and remove awesome fonts icons into Module Class Suffix from module id: 105, 106, 107 and add new css style as screenshot

For example with module id: 105

+ Create templates/ja_medicare/css/custom.css file and add new background-icon1 class

.t3-module.background-icon1:before {
background-image: url("url_path");
}

with url_path: is path to your desired image.

+ And apply the same with other modules

Regards

1 user says Thank You to Ninja Lead for this useful post

1. gio570009

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#748729

Hi,

You can go to backend site and remove awesome fonts icons into Module Class Suffix from module id: 105, 106, 107 and add new css style as screenshot

For example with module id: 105

+ Create templates/ja_medicare/css/custom.css file and add new background-icon1 class

.t3-module.background-icon1:before {
background-image: url("url_path");
}

with url_path: is path to your desired image.

+ And apply the same with other modules

Regards

1 user says Thank You to Ninja Lead for this useful post

1. gio570009

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#684333

I have to much problems to do it!
Can you do it yourself for me?
It is too difficult to me…

please, set any image as background…

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#748751

I have to much problems to do it!
Can you do it yourself for me?
It is too difficult to me…

please, set any image as background…

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#684343

What you need to do is:
– Add a new class name for the background icon
– Add css that declares the path for your desired image

Above is my detailed suggestion, you should give it a try.

1 user says Thank You to Ninja Lead for this useful post

1. gio570009

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#748761

What you need to do is:
– Add a new class name for the background icon
– Add css that declares the path for your desired image

Above is my detailed suggestion, you should give it a try.

1 user says Thank You to Ninja Lead for this useful post

1. gio570009

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#684922

I need separate image for each module 105, 106, 107, but .png image instead of awesome fonts icons…
just do one, I will do another two..

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#748775

I need separate image for each module 105, 106, 107, but .png image instead of awesome fonts icons…
just do one, I will do another two..

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#684925

I do not understand what you try to explain me.
as I see this above code does not work.
Please, help me and do it yourself

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#748778

I do not understand what you try to explain me.
as I see this above code does not work.
Please, help me and do it yourself

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#684940

“Add a new class name for the background icon” what it means?

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#748793

“Add a new class name for the background icon” what it means?

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#684946

ok at last I understand how to do it!
thank you very much!

[gio570009 Friend gio570009Join date: July 2015Posts: 108Downloads:0Uploads:0 Thanks: 18]

#748799

ok at last I understand how to do it!
thank you very much!

[Author]

Posts