How to edit css of the Kunena template?
How to edit css of the Kunena template?
12 years 9 months ago - 12 years 9 months ago
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!
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
- <a href=" www.minifycss.com/css-compressor/ " class="external text" rel="nofollow" target="_blank">CSS Compressor & Minifier
- <a href=" code.google.com/p/minify/ " class="external text" rel="nofollow" target="_blank">Google Minify
- <a href=" refresh-sf.com/yui/ " class="external text" rel="nofollow" target="_blank">Online JavaScript/CSS Compression Using YUI Compressor
Best regards!
Hung Pham
Email: 9themestore@gmail.com
Twitter: @9themestore
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.
Re: How to edit css of the Kunena template?
11 years 4 months ago
Is it possible to make overrides for the templates?
Please Log in or Create an account to join the conversation.
Re: How to edit css of the Kunena template?
11 years 4 months ago
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
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
Email: 9themestore@gmail.com
Twitter: @9themestore
Please Log in or Create an account to join the conversation.
Re: How to edit css of the Kunena template?
11 years 4 months ago
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...
and some other things he take from the kunena-forum-min.css...

Please Log in or Create an account to join the conversation.
Re: How to edit css of the Kunena template?
8 years 10 months ago - 8 years 10 months ago
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?
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