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

How can I replace the 'Folder' icons in the forum?

2 Topic Author
New Member New Member
  • Posts: 12
  • Thanks: 1

How can I replace the 'Folder' icons in the forum?

2 years 3 months ago
#16727
I installed the NTS KBee Template 6.0.1 to my Kunena 6.2.2 on a Joomla 5.0.1 platform.  My web address is:  4x4Forum.net  I am building the forum right now.  I would like to change the 'folder icons'.  Where can I find the file and/or folder that has the 'folder icons' so that I can replace them?  I have enclosed an image of the folder icons and highlighted them.  I have highlighted the large folder icons and I have highlighted some of the small folder icons.  I would like to replace both the large and small with different icons.  I have also uploaded a forum I previously to have built, that has different different icons.  Hopefully, it will help to understand what icons I would like to change.

Thank You & Respectfully,

Tim

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

2 Topic Author
New Member New Member
  • Posts: 12
  • Thanks: 1

Re: How can I replace the 'Folder' icons in the forum?

2 years 3 months ago
#16728
Hello,

I noticed my images did not upload, so I have re-sized them, and hopefully, they will upload now.

 

 

 

Thank You & Respectfully,

Tim

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

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

Re: How can I replace the 'Folder' icons in the forum?

2 years 3 months ago - 2 years 3 months ago
#16729
Hi Tim,

Follow some below steps to add custom folder image for your forum.
1. From NTS KBee back-end. Click to the "Features" tab. Choose the "Icon Type: Images-legacy".
2. Create a file with named nts_kbee_custom.css in the css folder of your joomla template.
3. Copy and Paste below css rules to nts_kbee_custom.css file.
Code:
#kunena.layout .krow .kcol-icon .kicon-folder { background: url(../../../../../media/kunena/core/images/icons/folder_nonew.png) no-repeat center center; } #kunena.layout .krow .kcol-icon .kicon-folder.knewchar { background: url(../../../../../media/kunena/core/images/icons/folder.png) no-repeat center center; } #kunena.layout .krow .kcol-title .ksub-cat-list .kicon-folder-sm { background: url(../../../../../media/kunena/core/images/icons/folder_nonew_sm.png) no-repeat center center; }

4. Copy / Upload your folder images to the "[root]/media/kunena/core/images/icons/" folder. (folder_nonew.png, folder.png, folder_nonew_sm.png).
5. Reload your website to view the changes.
Note: We have updated this code to the template package and we are improving some style before release new version.

Best regards,
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore
Last edit: 2 years 3 months ago by ntstore.

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

Time to create page: 0.236 seconds