Kunena 7.0.4 Released

The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0

Topics must relate to a currently supported version of Kunena. If you are unsure what is the current supported version of Kunena, please go to the download page.

If you are having problems then, for your own benefit, it would save us all a lot of time if you would kindly post your configuration report when you ask for help from this forum. If you do not post your configuration report we will not ask you for it but you will probably not get your problem solved, either.

Question SVG color change with CSS

More
2 years 7 months ago #229269 by Konsider
SVG color change with CSS was created by Konsider
Ok, so, if we select Font Awesome, or we select SVG and pick any of the SVG that come with Kunena, we get the SVG color change with CSS effect when there is a new post i.e. the colour of the SVG changes using css.

But, if you download a Font Awesome icon (so we know this has the ability to change colour with CSS), switch the site to use SVG (not Font Awesome) then upload the Font Awesome SVG, then colour change doesn't work. So, I'm assuming that every SVG must have some code somewhere to tell it to change? Where abouts is that code located, so we can manually add it for any uploaded SVG?

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

More
2 years 7 months ago #229275 by Leen
Replied by Leen on topic SVG color change with CSS
Where do you want to place that svg code?
With kind regards
Leen

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

More
2 years 7 months ago #229292 by rich
Replied by rich on topic SVG color change with CSS
If you want to use your own SVG symbols, you have to edit it with an image editor like Inkscape. There is an option "Do not set colour, so that it can be inherited".
.
 
Important! Always create a backup before you make any changes to your website!

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

More
2 years 7 months ago - 2 years 7 months ago #229296 by Konsider
Replied by Konsider on topic SVG color change with CSS
That's interesting, and so if we do that, they will work with no extra changes to the Kunena code? If that's the case, why wouldn't a Font Awesome icon work? They are obviously already set to be able to change colour?
Last edit: 2 years 7 months ago by Konsider.

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

More
2 years 7 months ago #229297 by rich
Replied by rich on topic SVG color change with CSS

That's interesting, and so if we do that, they will work with no extra changes to the Kunena code?

You need additional this code in the custom.scss:
Code:
/* --- own svg topic symbols --- */ svg#svg2 {     fill: currentColor; }

If that's the case, why wouldn't a Font Awesome icon work? They are obviously already set to be able to change colour?

Yes, it works with all Fontavesome available on your website. And with Fontawesome you can change the colors in the backend by click on Aurelia -> tab Colors.
Important! Always create a backup before you make any changes to your website!

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

More
2 years 7 months ago #229299 by Konsider
Replied by Konsider on topic SVG color change with CSS
Ok, I added that code. Then I changed the font setting from Font Awesome to SVG. Then, I uploaded a Font Awesome icon (because we know that can colour change) as one of my own SVGs. I set it to be the icon for a category. The colour doesn't change.

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

Time to create page: 0.233 seconds