- Posts: 3
- Thank you received: 1
Kunena 6.3.4 released
The Kunena team has announce the arrival of Kunena 6.3.4 [K 6.3.4] in stable which is now available for download as a native Joomla extension for J! 4.4.x/5.0.x/5.1.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 and issues discovered during the last development stages of K 6.3
Note: Please go to the Kunena Dashboard after an upgrade so that the Kunena database tables are also updated.
Solved Incorrect display of categories
8 months 3 weeks ago - 8 months 3 weeks ago #1
by Sonia
Incorrect display of categories was created 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
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: 8 months 3 weeks ago by Sonia.
Please Log in or Create an account to join the conversation.
- 9themestore
-
- Offline
- Premium Member
8 months 3 weeks ago #2
by 9themestore
- 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
Replied by 9themestore on topic Incorrect display of categories
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 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.
- 9themestore
-
- Offline
- Premium Member
8 months 3 weeks ago #4
by 9themestore
- 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
Replied by 9themestore on topic Incorrect display of categories
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:
Regrads,
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
Please Log in or Create an account to join the conversation.
8 months 3 weeks ago - 8 months 3 weeks ago #5
by Sonia
Replied by Sonia on topic Incorrect display of categories
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!
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: 8 months 3 weeks ago by Sonia.
Please Log in or Create an account to join the conversation.
Time to create page: 0.381 seconds