Joomla Templates Club 406,261 posts

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#681616

How can i change the box icons green left and blue on the right, see image. I want to put another images in, see attachment. In the middle there is an box icon of a clock

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#681657

Hi puntje,

There are several threads discussing the same topics, pls make a quick search for quick answers:

http://www.joomlart.com/forums/showthread.php?115013-T3-module-height-and-icons
http://www.joomlart.com/forums/topic/unable-to-change-icons-in-ja-medicare/

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#747497

Hi puntje,

There are several threads discussing the same topics, pls make a quick search for quick answers:

http://id.joomlart.com/forums/topic/t3-module-height-and-icons/
http://id.joomlart.com/forums/topic/unable-to-change-icons-in-ja-medicare/

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#681976

But how do i put another picture in it. i want to use my own picture and not a font icon.

Also the second is for the search icon and the first there is not a good code in it. Because someone else change it and did not give the answer, how he changed it.

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#747628

But how do i put another picture in it. i want to use my own picture and not a font icon.

Also the second is for the search icon and the first there is not a good code in it. Because someone else change it and did not give the answer, how he changed it.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#681982

You can add the picture you want by setting it as background image.

For example, in the first box of heart icon, you can add this css rule:


.t3-module.box-icon-heart:before {
background: url("path_to_your_picture_here");
}


The same with other icons, you just need to change the class you add in module and set image as background as above.

1 user says Thank You to Saguaros for this useful post

1. puntje

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#747634

You can add the picture you want by setting it as background image.

For example, in the first box of heart icon, you can add this css rule:


.t3-module.box-icon-heart:before {
background: url("path_to_your_picture_here");
}


The same with other icons, you just need to change the class you add in module and set image as background as above.

1 user says Thank You to Saguaros for this useful post

1. puntje

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#683614

Hi

i did that. But the heart-icon is still there. It below my images. How can i remove the heart-icon

where can i change the class

Found it:
box-background-secondary box-icon box-icon-heart

Solved

1 user says Thank You to puntje for this useful post

1. Saguaros

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#748372

Hi

i did that. But the heart-icon is still there. It below my images. How can i remove the heart-icon

where can i change the class

Found it:
box-background-secondary box-icon box-icon-heart

Solved

1 user says Thank You to puntje for this useful post

1. Saguaros

[Author]

Posts