Joomla Templates Club 406,261 posts

[pba2006 Friend pba2006Join date: May 2012Posts: 18Downloads:39Uploads:5 Thanks: 4 Thanked: 3 times in 1 posts]

#178734

Hello,

Is there a way to change the 4 images on the home page (see attachment).

Specifically, in the attached screenshot, I would like to change the 4 images under “Make a Difference!”. How to I make the changes? I cannot find these images in the images folder.

Appreciate the help.

Thank you
Best regards

Praveen

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#459601

Can you provide the url of the site you’re working on
– as well as set “Optimize CSS” to “No” within your Template Manager–General Settings?

[pba2006 Friend pba2006Join date: May 2012Posts: 18Downloads:39Uploads:5 Thanks: 4 Thanked: 3 times in 1 posts]

#459604

Hello Tom,

The URL is http://www.akankshajunction.com

Have set optimize CSS to “No” in the template settings.

Thank you
Best regards

Praveen

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#459606

Okay, so those images are located within the following file path –> images/icons

For example, the first image of the house is –> images/icons/icon-home.png

The CSS rule controling the display can be found within file path –> components/com_community/templates/ja_social/css/style.css

starting at Line 1 (for example) . . .

<blockquote>#community-wrap div.ja_greybox ul#featurelist li.icon1 { background: url(“../images/icons/icon-home.png”) no-repeat scroll center top transparent !important;}

#community-wrap div.ja_greybox ul#featurelist li.icon2 {
background: url(“../images/icons/icon-people.png”) no-repeat scroll center top transparent !important;}

#community-wrap div.ja_greybox ul#featurelist li.icon3 {
background: url(“../images/icons/icon-media.png”) no-repeat scroll center top transparent !important;}

#community-wrap div.ja_greybox ul#featurelist li.icon4 {
background: url(“../images/icons/icon-team.png”) no-repeat scroll center top transparent !important;}</blockquote>

So, using that information, you should be able to change the icon images and update the relative CSS accordingly.

Hope That Helps

1 user says Thank You to TomC for this useful post

1. pba2006

[pba2006 Friend pba2006Join date: May 2012Posts: 18Downloads:39Uploads:5 Thanks: 4 Thanked: 3 times in 1 posts]

#459610

Thanks, Tom.

That helped.

Regards,

Praveen

[Author]

Posts