Effortless template based on Warp7 - hotfixes
5 years 7 months ago #538
by Eugene S.
Like our extensions for Kunena?
Add your voice to the JED listing with a 100 score review: bit.ly/2cIg8pF
Thanks!
Effortless template based on Warp7 - hotfixes was created by Eugene S.
Some Joomla templates set global rules for properties, as a result, it causes small issues with CSS elements of 3rd party extensions.
One of our clients uses Glorious template with Effortless template ( see testimonial ) and we noticed that Effortless template sets some global params which override CSS of forum template.
Effortless template is based on Warp7 framework and is produced by bdthemes. Template official page .
As a result, there are the following issues:
1. Centred headers
2. No margins for elements.
The correct view should be as on the picture below:
To get the result as on this picture you need to add extra code to Kunena template that will override global rules.
Open \components\com_kunena\template\kglorious\assets\less\custom.less and add the following code:
By the way, you can edit LESS file via backend. Go to Kunena > Templates, then select RND Kglorious with radio button and click on Edit LESS button. Then select custom.less file and click on Edit LESS again. Now you can paste the code and save the file.
One of our clients uses Glorious template with Effortless template ( see testimonial ) and we noticed that Effortless template sets some global params which override CSS of forum template.
Effortless template is based on Warp7 framework and is produced by bdthemes. Template official page .
As a result, there are the following issues:
1. Centred headers
2. No margins for elements.
The correct view should be as on the picture below:
To get the result as on this picture you need to add extra code to Kunena template that will override global rules.
Open \components\com_kunena\template\kglorious\assets\less\custom.less and add the following code:
#kunena.layout .table.table-bordered td {
text-align:left;
padding: 10px;
}
#kunena.layout .table.table-bordered td.span1 {
text-align:center;
}By the way, you can edit LESS file via backend. Go to Kunena > Templates, then select RND Kglorious with radio button and click on Edit LESS button. Then select custom.less file and click on Edit LESS again. Now you can paste the code and save the file.
Like our extensions for Kunena?
Add your voice to the JED listing with a 100 score review: bit.ly/2cIg8pF
Thanks!
Moderators: Eugene S.