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

Solved Incorrect display of categories

More
2 months 1 day ago - 2 months 1 day ago #1 by Sonia
Hey there, forum dwellers!
I'm having an issue with word merging (category names and the number of topics in parentheses - marked in the photo. This happens in all browsers, regardless of the zoom level). I know that the "list-inline" style is used for the text here. Also, if I'm not mistaken, the text is within a table. Right now, I can't find the appropriate selectors to fix the CSS. If anyone knows, please help! Which specific selectors are responsible for the table or the words inside it in Kunena?

Alternatively, maybe there's another way without editing the CSS. Perhaps instead of editing the CSS, we could simply disable the display of subcategories and the number of topics in them? That would work for me too!

System info: Joomla! 5.0.1 / Cassiopeia / Kunena 6.2.2

   
Last edit: 2 months 1 day ago by Sonia.

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

More
2 months 19 hours ago #2 by 9themestore
Hi Sonia,
Please let me know your website url (post to here or send to our mailbox) I will check and provide you with a solution to solve the above problem.

Regards,

- Please provide your site url if it has been lived.
- Please share tip if it worked fine with you.
- Don't be shy about using the "Thanks" button below if you found my comment helpful :)

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

More
2 months 13 hours ago #3 by Sonia

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

More
2 months 6 hours ago #4 by 9themestore
Hi Sonia,
Open the custom.css file in the "media/kunena/core/css/custom.css" folder and add below css rules to the bottom of file to solve your issue:
Code:
@media (max-width: 768px) { #kunena.layout .kfrontend table tr td:nth-child(3) { display: none; } } #kunena.layout table tr.category td:nth-child(2) h3 { margin-bottom: 0.5rem; } #kunena.layout table tr.category td:nth-child(2) .list-inline { display: flex; flex-wrap: wrap; gap: .5rem 1rem; } #kunena.layout table tr.category td:nth-child(2) .list-inline li { display: flex; gap: 0.5rem; }

Regrads,

- Please provide your site url if it has been lived.
- Please share tip if it worked fine with you.
- Don't be shy about using the "Thanks" button below if you found my comment helpful :)
The following user(s) said Thank You: Sonia

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

More
2 months 4 hours ago - 2 months 4 hours ago #5 by Sonia
Yes, it worked! You are a wizard!

Even though I'm learning CSS, I definitely wouldn't have thought of coding like this! I understood that media queries could be important here, but this is a whole new level of knowledge. Thank you! 
Last edit: 2 months 4 hours ago by Sonia.
The following user(s) said Thank You: 9themestore

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

Time to create page: 0.338 seconds