Kunena 6.2.4 Released

The Kunena team has announce the arrival of Kunena 6.2.4 [K 6.2.4] which is now available for download as a native Joomla extension for J! 4.3.x/4.4.x/5.0.x. This version addresses most of the issues that were discovered in K 6.1 / K 6.2 and issues discovered during the last development stages of K 6.2

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
5 months 10 hours ago #1 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
5 months 3 hours ago #2 by Leen
Replied by Leen on topic SVG color change with CSS
Where do you want to place that svg code?

L.v.d.A

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

More
4 months 4 weeks ago #3 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".
.
 

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

More
4 months 4 weeks ago - 4 months 4 weeks ago #4 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: 4 months 4 weeks ago by Konsider.

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

More
4 months 4 weeks ago #5 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.

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

More
4 months 4 weeks ago #6 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.

More
4 months 4 weeks ago #7 by Konsider
Replied by Konsider on topic SVG color change with CSS
Here's another strange way you seemed to have designed things...
Ok, I've set the icon selection to "SVG".
The default icon is an empty folder. When somone posts a new message, it changes to a full folder. That's great!
However, if I change the icon to one of your stock SVGs, for example "house", then when somoene posts, nothing changes.
Why isn't it the case that all the stock SVG icons have a colour change or icon swap for when someone posts?
Would it not be a good idea to let us have the option to do that? Every category should have two choices - icon and icon swap for new posts?

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

More
4 months 4 weeks ago #8 by rich
Replied by rich on topic SVG color change with CSS

The default icon is an empty folder. When somone posts a new message, it changes to a full folder. That's great!
However, if I change the icon to one of your stock SVGs, for example "house", then when somoene posts, nothing changes.
Why isn't it the case that all the stock SVG icons have a colour change or icon swap for when someone posts?

The other SVGs, such as house, are not actually intended for category images. But you can also use them. But I still have to find out how to switch my own SVGs between read and unread.
The following user(s) said Thank You: Konsider

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

More
4 months 4 weeks ago #9 by Konsider
Replied by Konsider on topic SVG color change with CSS
Ah, I see :) Well, when you work it out, it'll be a good addition for the future. Cheers! :)

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

Time to create page: 0.306 seconds