Joomla Templates Club 406,261 posts

[diegop Friend diegopJoin date: June 2013Posts: 30Downloads:0Uploads:4 Thanks: 21]

#188778

How I can change what USER1 titles and texts? I’ve tried in the module USER1, and in module “our services”.

Also I would like to know how to change those icons (joomla, drupal …)

thank you very much

pd: tEMPLATE JA_ZITE

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

#498335

Can you be a bit more specific with your question … perhaps a screenshot pointing out exactly what it is you are wanting to modify?

It will also be helpful if you can provide the url of the site you’re working on, as well as set “Optimize CSS” to “No” within your Template Manager–General settings.

[kiribatitourism Friend kiribatitourismJoin date: January 2013Posts: 7Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#509379

Hi Tom,

Just want to continue on this question as well please.

Here’s my website, I have done the changes for CSS as required:
http://www.kiribatilegalservices.com.ki/staging/index.php/services

I would like to change the icons to photos and possibly make the circles larger(?). I only want to have 2 images.

What I am also looking for is where I can edit this code.

<div class="custom cms" >
<ul class="cms clearfix">
<li>
<div class="has-icon icon1">
<h4>Joomla</h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>
</li>
<li>
<div class="has-icon icon2">
<h4>Magento</h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>
</li>
<li>
<div class="has-icon icon3">
<h4>Drupal</h4>
<span>Lorem ipsum dolor sit amet consectetuer aliquet Morbi nec In Vivamus. </span></div>
</li>

Kind regards,

Karotu

[kiribatitourism Friend kiribatitourismJoin date: January 2013Posts: 7Downloads:0Uploads:0 Thanked: 1 times in 1 posts]

#509380

Hi,

for those following this thread.. the file that has these settings are buried within

/templates/ja_zite/css/template.css

around line 1193. Still figuring this out so more soon..

some shortcuts / advice would be helpful.

Kind regards,

Karotu

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#509401

Hi Karotu,

There are two additional steps you need to do after editing the Custom HTML module:

– Replace the background icon images with own larger ones (i.e joomla-hover.png, joomla.png) in templates/ja_zite/images/ folder.
– Open /templates/ja_zite/css/template.css file, change :

ul.cms li {
width: 24.99%;
float: left;
background: none !important;
padding: 0px !important;
margin: 0px ;
text-align: center;
color: #666;
}

to

ul.cms li {
width: 49.99%;
float: left;
background: none !important;
padding: 0px !important;
margin: 0px ;
text-align: center;
color:#666;
}

This will help to center the 2 icons, then Clear JAT3 cache then.

[Author]

Posts