Sticky [Merged topic] How to create category icons

I looked at your site (thank you for providing us with the details) and, of course, now I understand why your CSS changes won't work.

blacktino79 wrote:

If you look at the category App Talk ...

I could not find a category called "App Talk" but I found a category called "Android" and I focused my attention on that category.

For a dozen good reasons, people should not directly modify minified files (e.g. kunena.forum-min.css) and it's a lot easier - from a debugging perspective - to make changes to your Joomla site template instead. Aside from this small issue that meant that I spent 15 minutes sifting through a dozen CSS files before I found the cause of the problem, here's the solution.

You are trying to modify the category icon for catID = 9. Your CSS rule basically says "this is the image to use for catID = 77". You don't have a category whose ID is 77. But you've also made an error in the relative folder specification in that rule. This is what you should have done instead:
Trust me, it works.

While I have your attention, your configuration report shows that you are running legacy mode and that you are using K 1.6.4.

Please read the important advice that we have consistently given to all people who continue to rely on unsupported Joomla features like legacy mode . Please update to K 1.6.5 (see K 1.6 Upgrade Guide ).

You should also be aware that third-party templates, such as the Euro-BRed one you are using, that were developed for earlier versions of Kunena may not always remain fully-compatible with future versions of Kunena.

So sorry Sozzled and thank you for looking! I changed my files after frustration of no one being able to help here which is why you saw the error in the CSS code. At the time there was a Cat whose ID was 77. I got rid of that cat. The ANDROID category you saw yes was Cat 9, and even with the code changed to 9, it doesn't work.

The problem most likely lies with using Joomla Legacy mode. See, I didn't program the site. My developers did. Perhaps I am going to have to inquire about upgrading to Kunena 1.6.5 (let's hope they don't charage me) and ask them why they decided to use legacy mode. In any case, with the code modification, it still isn't working

WAIT/.....

I CHANGED THE FOLDER SPECIFICATION AND IT WORKS!!!!!!!!!!!!!!!!!!!!!!


Thank you SO SO SO SO SO SO MUCH! You don't know how much this has been bugging me over the last week! I can finally customize my forum and not get charged for it! If you need some advertising, send me a banner or something! This will really help with the attractiveness of my forum!

THANKS AGAIN!!!!!!!!!!!!!!!!!!!! OMG!

I am trying to change the sub-category icons from the "outside".In other words, using the usual instructions on changing category icons works, but in the case of sub-forums, you can't see those icons unless you go into the category. The aforementioned icons are 32x32.

Please look at the attached JPG to see what I am trying to change.

Please help

For category 12 filenames are:

12_on_childsmall.gif
12_off_childsmall.gif
12_notlogin_childsmall.gif

(sozzled, can you add these into doc?)

You're giving me general directions. Thanks, but this doesn't work for the icons that I circled in the above attached pics. Using those file names will change the icons of the categories (and sub categories AFTER they are clicked on), but NOT the Sub Categories as PICTURED.

What is the coding for that? I can get the sub categories icon to change when they are viewed as a list of forums (i.e. after clicking on the parent), however, prior to clicking on the parent, all I see are the regular folders.

I don't know if I am being clear. Just look at the picture.

What's difficult, in this topic, is what you mean by "from the 'Outside'".

We have provided general instructions, and these are documented in Category icons , and these are generally sufficient for most users. For everyone else who wants to specialise and use CSS to manipulate those things, then you need to know a lot more. Perhaps, if someone is knowledgeable about such things (and they have a spare few hours) they might like to write a detailed step-by-step guide.

Simply, use an in-browser web developer's tool like Firebug for Firefox and you will solve your problems. Another alternative is to pay an experienced web developer for their time to customise your site down to the minutest level of specificity to your own requirements.

Let's choose one example, one sub-category whose icon you want to change. For example, let's choose your "Française" sub-category. What are the image filenames (that exist on your website) that you want to use for for that sub-category and then let's see what we need to do to make this work for you.