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

How to edit css of the Kunena template?

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

How to edit css of the Kunena template?

12 years 9 months ago - 12 years 9 months ago
#561
Why need minify css?
When code is minified improves response time performance because the size of the downloaded file is reduced.

How to do the change?

Step 1. Login to your back-end and go to "Components > Kunena Forum > Configuration" and set to "Yes" option "Enable Debug Mode". Choose the "Save" button on the toolbar. Now Kunena have loaded non minified css file.

Step 2. Back to frond-end of your site and use Firebug to find which element and file you want to change css.

Step 3. Open the css file you want to change css (Path: Components / com_kunena / templates / [your_template] /css /).

Step 4. Save and refresh your site.

Step 5. After you happy with all changes, you can use many online tools to minify the css file. Save file with name format [old_file_name]-min.css (EX: kunena.forum.css and minify name is kunena.forum-min.css).

Step 6. Turn off the "Enable Debug Mode" option in the back-end of Kunena Forum.

Any online minify tools
Best regards!
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore
Last edit: 12 years 9 months ago by ntstore.

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

B
New Member New Member
  • Posts: 8
  • Thanks: 0

Re: How to edit css of the Kunena template?

11 years 4 months ago
#1590
Is it possible to make overrides for the templates?

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

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

Re: How to edit css of the Kunena template?

11 years 4 months ago
#1592
Hi,

All below steps for a particular template. So our templates has been supported load a CSS custom file form current joomla! template. That mean if you want to override for our template you need create a CSS file with named [template-name]-custom.css and upload to the css folder of current joomla template.

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

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

B
New Member New Member
  • Posts: 8
  • Thanks: 0

Re: How to edit css of the Kunena template?

11 years 4 months ago
#1601
this works but not totaly... he still take some styles from the kunena.skinner-min.css...
and some other things he take from the kunena-forum-min.css... =(

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

T
Senior Member Senior Member
  • Posts: 47
  • Thanks: 2

Re: How to edit css of the Kunena template?

8 years 10 months ago - 8 years 10 months ago
#5002
At the called spot there is no css.

I did find this here: /joomla-root/media/kunena/cache/nts_kay/css/kunena.css

on this place isn't the kunena.css: /root/components/com_kunena/template/nts_kay/assets/css/


Is that possible?
Last edit: 8 years 10 months ago by Tom001.

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

Time to create page: 0.451 seconds