Read before updating: How to Update Kunena Templates - More detail

How to create Category Icons like your Demo

T Topic Author
New Member New Member
  • Posts: 13
  • Thanks: 0

How to create Category Icons like your Demo

10 years 11 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.

Attachments:

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

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: How to create Category Icons like your Demo

10 years 11 months ago - 10 years 11 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: 10 years 11 months ago by ntstore.

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

T Topic Author
New Member New Member
  • Posts: 13
  • Thanks: 0

Re: How to create Category Icons like your Demo

10 years 11 months ago
#2348
Hi Many Thanks, Its working fine now.

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

Thanks in Advance.

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

T Topic Author
New Member New Member
  • Posts: 13
  • Thanks: 0

Re: How to create Category Icons like your Demo

10 years 11 months ago - 10 years 11 months ago
#2355
Hello Support,

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

Thanks

Attachments:

Last edit: 10 years 11 months ago by TAugustine.

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

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: How to create Category Icons like your Demo

10 years 11 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

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

T Topic Author
New Member New Member
  • Posts: 13
  • Thanks: 0

Re: How to create Category Icons like your Demo

10 years 11 months ago
#2358
Hi ,

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



goo.gl/dRAFlC

Attachments:

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

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: How to create Category Icons like your Demo

10 years 11 months ago
#2359
Hi,

Please try to clean cache of your site before refresh your forum.
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore

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

T Topic Author
New Member New Member
  • Posts: 13
  • Thanks: 0

Re: How to create Category Icons like your Demo

10 years 11 months ago
#2360
I have cleared the cache already, Both System Cache and Jotcache.

Thanks

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

ntstore's Avatar
Administrator Administrator
  • Posts: 1213
  • Thanks: 240

Re: How to create Category Icons like your Demo

10 years 11 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

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

T Topic Author
New Member New Member
  • Posts: 13
  • Thanks: 0

Re: How to create Category Icons like your Demo

10 years 11 months ago
#2362
OK. These seems fine after clearing the browser cache.

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

Time to create page: 0.248 seconds