How to create Category Icons like your Demo

How to create Category Icons like your Demo was created by TAugustine

Posted 9 years 8 months ago #2346
Dear Support,

I am trying to add the Category Icon for my categories but as you can see even though my image is 32 X 32 it is looking very small comparing to what you have on your Demo of NTS KPyrite.

How to I show the icons large and also centre aligned ? find attached sample icons for your ready reference.

PS: Already tried to sent email to 9themestore@gmail.com, And waiting for a response.
Post by TAugustine

Attachments:

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2347
Hi TAugustine,

Thank you, we received your email. Please follow some below steps to align your custom icons.

- Create a style file with named "nts-kpyrite-custom.css" and paste blow CSS rules to that file.
Code:
body #Kunena .kblocktable .kcol-category-icon a { border: 2px solid #999; border-radius: 50%; height: 50px; line-height: 50px; text-align: center; } body #Kunena .kblocktable .kcol-category-icon a span.kicon { border: 0; border-radius: 0; } body #Kunena #kflattable .kcol-ktopicicon a { margin: 20px auto 0; }

- Upload (or copy) that file to the css folder of the current joomla template. Please clear joomla cache before reload your site.

Hope this helps

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Last Edit:9 years 8 months ago Post by ntstore
Last edit: 9 years 8 months ago by ntstore.

Please Log in or Create an account to join the conversation.

Replied by TAugustine on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2348
Hi Many Thanks, Its working fine now.

Also is it possible to use .png images instead of .gif ?

Thanks in Advance.
Post by TAugustine

Please Log in or Create an account to join the conversation.

Replied by TAugustine on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2355
Hello Support,

Is it also possible to make the topic Icons also on the similar way ?

Thanks
Last Edit:9 years 8 months ago Post by TAugustine

Attachments:

Last edit: 9 years 8 months ago by TAugustine.

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2356
Hi,

We updated the CSS code to fix your issue. Please update new code again to the "nts-kpyrite-custom.css" file.

Regards

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Post by ntstore

Please Log in or Create an account to join the conversation.

Replied by TAugustine on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2358
Hi ,

I have updated the modified css. But still there is no change.



goo.gl/dRAFlC
Post by TAugustine

Attachments:

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2359
Hi,

Please try to clean cache of your site before refresh your forum.

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Post by ntstore

Please Log in or Create an account to join the conversation.

Replied by TAugustine on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2360
I have cleared the cache already, Both System Cache and Jotcache.

Thanks
Post by TAugustine

Please Log in or Create an account to join the conversation.

Replied by ntstore on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2361
Hi,

I tried to check on Firefox and Chrome. It's working fine if it does not work on your browser, please clear browser's cache.

Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

Post by ntstore

Please Log in or Create an account to join the conversation.

Replied by TAugustine on topic How to create Category Icons like your Demo

Posted 9 years 8 months ago #2362
OK. These seems fine after clearing the browser cache.
Post by TAugustine

Please Log in or Create an account to join the conversation.

Time to create page: 0.725 seconds