Joomla Templates Club 406,261 posts

[duanek Friend duanekJoin date: July 2012Posts: 6Downloads:16Uploads:0 Thanks: 2]

#180287

Is there a way just to replace the images in the code for this sample. I took the code off the tutorial and want to replace the icons with my own. Can you let me know how I can do that.

Thanks

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

#465576

You can change it from css file

<blockquote>Open templates/ja_zite/css/template.css file</blockquote>

Change 4icon on css file

ul.cms .has-icon.icon1 {
background-image: url(../images/joomla.png); -> change here
}

ul.cms .has-icon.icon1:hover,
ul.cms .has-icon.icon1:focus,
ul.cms .has-icon.icon1:active {
background-image: url(../images/joomla-hover.png); -> change here
}

ul.cms .has-icon.icon2 {
background-image: url(../images/magento.png);-> change here
}

ul.cms .has-icon.icon2:hover,
ul.cms .has-icon.icon2:focus,
ul.cms .has-icon.icon2:active {
background-image: url(../images/magento-hover.png);-> change here
}

ul.cms .has-icon.icon3 {
background-image: url(../images/drupal.png);-> change here
}

ul.cms .has-icon.icon3:hover,
ul.cms .has-icon.icon3:focus,
ul.cms .has-icon.icon3:active {
background-image: url(../images/drupal-hover.png);-> change here
}

ul.cms .has-icon.icon4 {
background-image: url(../images/wordpress.png);-> change here
}

ul.cms .has-icon.icon4:hover,
ul.cms .has-icon.icon4:focus,
ul.cms .has-icon.icon4:active {
background-image: url(../images/wordpress-hover.png);-> change here
}

Image file you see it here
<blockquote>templates/ja_zite/images/</blockquote>

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

1. duanek

[Author]

Posts