×
K5.1.1 is released (10 Jun 2018)

The Kunena team is pleased to announce Kunena 5.1.1 [K 5.1.1].
Please read the blog post for information:

× Please note: The Kunena project team takes NO responsibility for maintaining nor supporting anything in this category.

Solved Hard to read buttons, any way to fix?

More
1 year 8 months ago - 1 year 8 months ago #1 by Nemo
Is there an easy way to fix the buttons so they don't follow the global joomla theme? My buttons currently look like this, and the only way to change the color to something reasonably readable is to change my entire site's color theme.



thanks,

-n
Attachments:
Last edit: 1 year 8 months ago by Nemo. Reason: attachment didn't upload

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

More
1 year 8 months ago #2 by BilboHouse
Hi Nemo,

Try to editing the CSS or adding custom CSS to solve it. Can you share a url of your site?

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

More
1 year 7 months ago - 1 year 7 months ago #3 by Tomzie
Go to your template (components/kunena/templates), select the template and click the edit css button.
Add the code below:

.layout .btn {
    color: white !important;
}

It you don't have a custom.css file you could make one via FTP in this folder:
/components/com_kunena/template/template-name/assets/css/

Good luck! ;)
Last edit: 1 year 7 months ago by Tomzie.
The following user(s) said Thank You: Nemo

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

More
1 year 7 months ago #4 by Nemo
Tomzie,

Thanks. Worked perfect. :-)

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

More
1 year 7 months ago #5 by Tomzie
Hi Nemo,

Great! Glad to help. ;)

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

More
1 year 7 months ago #6 by 810
For other users:
Backend - Components - kunena - template - select your template - edit css - select custom.css

But i suggest to use custom.less (then there is no need to load extra file):
Backend - Components - kunena - template - select your template - edit less - select custom.less
.btn {
    color: white !important;
}
The following user(s) said Thank You: Tomzie

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

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to add attachements.
  • Not Allowed: to edit your message.
Time to create page: 0.148 seconds