How to create Category Icons like your Demo
T
Topic Author
How to create Category Icons like your Demo
10 years 11 months ago
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.
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.
Please Log in or Create an account to join the conversation.
Re: How to create Category Icons like your Demo
10 years 11 months ago - 10 years 11 months ago
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.
- 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
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
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
Re: How to create Category Icons like your Demo
10 years 11 months ago
Hi Many Thanks, Its working fine now.
Also is it possible to use .png images instead of .gif ?
Thanks in Advance.
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
Re: How to create Category Icons like your Demo
10 years 11 months ago - 10 years 11 months ago
Hello Support,
Is it also possible to make the topic Icons also on the similar way ?
Thanks
Is it also possible to make the topic Icons also on the similar way ?
Thanks
Last edit: 10 years 11 months ago by TAugustine.
Please Log in or Create an account to join the conversation.
Re: How to create Category Icons like your Demo
10 years 11 months ago
Hi,
We updated the CSS code to fix your issue. Please update new code again to the "nts-kpyrite-custom.css" file.
Regards
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
Email: 9themestore@gmail.com
Twitter: @9themestore
Please Log in or Create an account to join the conversation.
T
Topic Author
Re: How to create Category Icons like your Demo
10 years 11 months agoPlease Log in or Create an account to join the conversation.
Re: How to create Category Icons like your Demo
10 years 11 months ago
Hi,
Please try to clean cache of your site before refresh your forum.
Please try to clean cache of your site before refresh your forum.
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore
Email: 9themestore@gmail.com
Twitter: @9themestore
Please Log in or Create an account to join the conversation.
T
Topic Author
Re: How to create Category Icons like your Demo
10 years 11 months ago
I have cleared the cache already, Both System Cache and Jotcache.
Thanks
Thanks
Please Log in or Create an account to join the conversation.
Re: How to create Category Icons like your Demo
10 years 11 months ago
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.
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
Email: 9themestore@gmail.com
Twitter: @9themestore
Please Log in or Create an account to join the conversation.
T
Topic Author
Re: How to create Category Icons like your Demo
10 years 11 months ago
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