Joomla Templates Club 406,261 posts

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#178736

Hi,

I have changed the images for the icons under the slideshow (online Banking, employment skills etc.) I wanted larger images here which I have now added. My problem is that these now overlap the text beneath each icon.

I tried adding padding using the template as follows, but it has no effect. I also wanted 6 icons (again which I have added using 3 columns instead of 4) however, not sure how to make the 2 new icons display. I created the 2 new images and have uploaded them to the correct folder but is there is some other file where I need to add the new additional icons? I have also created the extra modules in module manager [PHP]
div.ja-moduletable.has-icon.icon4 {
padding-bottom: 10;
background-image: url(../images/icons/icon-module4.png);
}
div.ja-moduletable.has-icon.icon5 {
padding-bottom: 10;
background-image: url(../images/icons/icon-module5.png);
}
div.ja-moduletable.has-icon.icon6 {
padding-bottom: 10;
background-image: url(../images/icons/icon-module6.png);[/PHP]

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

#459608

So that I can try to best assist you, please provide the url of the site you’re working on,
as well as set “Optimize CSS” to “No” within your Template Manager–General Settings

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#459613

hi tomc,

I have switched Optimise CSS to no. http://www.vasocial.org.uk

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

#459615

Within the following file path –> /plugins/system/jat3/jat3/base-themes/default/css/template.css

at line 1145, try the following modification . . .

<blockquote>#ja-topsl h3 {
margin: 30px 0 8px;
}</blockquote>

Check the result in multiple browsers, just to make sure.

Let me know if that works for you.

1 user says Thank You to TomC for this useful post

1. melanieb

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#459686

Hi TomC.

that worked! 😀

Many thanks.

Regarding the last part of my question, were I created the 2 new images. Where (or which file) do I need to edit to make sure the correct icons display, as at the moment, the 2 new ones display the same as the original 3 and 4 icons, they need to show 5 and 6 instead so assuming I need to add this new detail somewhere?

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

#459752

Check your images/icons file within your root directory – I believe the images are titled icon2, icon2, icon3, etc.

If I’m mistaken, let me know.

1 user says Thank You to TomC for this useful post

1. melanieb

[melanieb Friend melaniebJoin date: July 2011Posts: 274Downloads:0Uploads:23 Thanks: 31 Thanked: 23 times in 1 posts]

#459769

Hi TomC,

The image icons where already uploaded, it was just a matter of changing the module class suffix in the module manager for the newly added icons.

Many thanks for your help.

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

#459772

<em>@melanieb 328504 wrote:</em><blockquote>Hi TomC,

The image icons where already uploaded, it was just a matter of changing the module class suffix in the module manager for the newly added icons.

Many thanks for your help.</blockquote>
NICE WORK !!! – All the best with your continuing site development. 🙂

[Author]

Posts