Kunena 6.3.0 released

The Kunena team has announce the arrival of Kunena 6.3.0 [K 6.3.0] 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 and issues discovered during the last development stages of K 6.3

Topics that are moved into this category are generally considered to be closed. Users may want to add additional information but these topics should not be resurrected in order to discuss new problems or unrelated matters.

Question [Resolved] template color overrides - some questions

rob2701
Topic Author
Offline
New Member

12 years 1 month ago #1 by rob2701

[Resolved] template color overrides - some questions was created by rob2701

I managed (with the help of Firebug) to adapt most colors for Kunena with CSS overrrides in my main site template,
but there are still a few things which I cannot seem to figure out.

No biggies, just annoying. Hope someone can help me to locate the rules for these or tell me if they are possible at all:

- hover color on the collapse above the Welcome box
- hover color on the checkboxes (remember me)
- dropdown boxes: selection color bar (sky blue #4CA4F7 in default Blue Eagle)
- dropdown boxes: down arrow on hover (very light sky blue)

Thanks in advance for your help!

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

sozzled
Offline
Banned

12 years 1 month ago #2 by sozzled

Replied by sozzled on topic Re: template color overrides - some questions

The general answer to these kinds of questions is given in the article My Joomla site template makes a mess of Kunena . It should be possible to change the things you mention in your question with a judicious use of CSS but, without seeing your website, it's more difficult to give you more specific information at this time.

If you would like to share details about your site (the URL of your forum, for example) someone may be able to suggest something. It would also help if you posted your configuration report, too, so that we might know what Joomla template you are using as well as the Kunena template you are trying to modify.

Blue Eagle vs. Crypsis reference guide
Read my blog and

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

rob2701
Topic Author
Offline
New Member

12 years 1 month ago - 12 years 1 month ago #3 by rob2701

Replied by rob2701 on topic Re: template color overrides - some questions

Of course I read that article. I stated above that I am using style overrides in my main template

The site is (for now) on a non-connected development server.
The site template is one I am custom building from scratch for Joomla 2.5.
The Kunena template I use is the default Blue Eagle.

I am not modifying the Kunena template, I am using CSS rules in my main template to override it.

Figured out the collapse hover in the meantime:
#Kunena span.ktoggler a:hover {}

So now I'm just stuck with these two:
- dropdown boxes: the selection color bar (sky blue #4CA4F7 in default Blue Eagle)
- dropdown boxes: the down arrow on hover (very light sky blue)

Last edit: 12 years 1 month ago by rob2701.

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

sozzled
Offline
Banned

12 years 1 month ago #4 by sozzled

Replied by sozzled on topic Re: template color overrides - some questions

Can you post a picture that illustrates the web elements that you want to change and maybe someone will be able to recommend the CSS changes you need to make to your Joomls site template CSS file.

Blue Eagle vs. Crypsis reference guide
Read my blog and

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

rob2701
Topic Author
Offline
New Member

12 years 1 month ago - 12 years 1 month ago #5 by rob2701

Replied by rob2701 on topic Re: template color overrides - some questions

Thanks, excellent suggestion!

Partial screenprint is attached.
The bits in blue are what I cannot seem to find (down arrow and selection bar). Don't know if it is possible to style the option hover, at least I couldn't find it.

Attachments:

Last edit: 12 years 1 month ago by sozzled. Reason: Insert image inline with text

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

sozzled
Offline
Banned

12 years 1 month ago #6 by sozzled

Replied by sozzled on topic Re: template color overrides - some questions

The short answer is no, you cannot do this with CSS. (See definitive answer at forums.digitalpoint.com/showthread.php?t=235040 )

Blue Eagle vs. Crypsis reference guide
Read my blog and

The following user(s) said Thank You: rob2701

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

rob2701
Topic Author
Offline
New Member

12 years 1 month ago - 12 years 1 month ago #7 by rob2701

Replied by rob2701 on topic Re: template color overrides - some questions

Thanks for the help! Quite informative.
Blue it is then (although some Linux browsers use a different color). "You can have any color you like, as long as it's blue..."

For the benefit of people who want to just override the colors of the default Blue Eagle in their main stylesheet, here's what I did to get a Green look:

Warning: Spoiler!

In Kunena component choose Blue Eagle default, grey buttons, blend with site stylesheet.

In your main site stylesheet add:

Code:

/* -------------------------------------------------------------------------- */
/* 19. Additional styling for KUNENA 1.7 FORUM                                    */
/* -------------------------------------------------------------------------- */
/*
Since the site template is the last to be read and thus always overrides any
colors set inside components, this is the best place for styling which will 
remains active even if components are updated
*/

/* forum links styling same as site template */
#Kunena a:link,
#Kunena a:visited,
#Kunena a:active,
#Kunena a:focus {
  color: #5f8200 !important; /* dark green */
}

/* forum link hover styling same as template */
#Kunena a:hover {
  color: #ff8600 !important; /* dark orange */
}

/* color of active menu tab */
#Kunena #ktab ul.menu li.active a,
#Kunena #ktab li#current.selected a {
  background-color: #5f8200 !important; /* dark green */
}

/* color of inactive menu tab */
#Kunena #ktab a {
  background-color: #a79b50 !important; /* medium gold */
}

/* color of menu tab on hover */
#Kunena #ktab a:hover {
  background-color: #80a51e !important; /* medium green */
}

/* colored line below menu tabs */
#Kunena #ktop {
  border-color: #5f8200 !important; /* dark green */
}

/* minimize (collapse button) top right above login box */
#Kunena .ktoggler a {
  background-color: #5f8200; /* dark green */
}

/* minimize (collapse button) top right above login box - on hover */
#Kunena .ktoggler a:hover {
  background-color: #ff8600 !important; /* dark orange */
}

/* input boxes - no hover color (change from site styling) */
#Kunena input:hover, 
#Kunena input.inputbox:hover, 
#Kunena input.input:hover, 
#Kunena select.inputbox:hover {
  background-color: transparent;
}

/* login and other buttons */
#Kunena .button,
#Kunena .kbutton,
#Kunena input.kbutton {
/*   background-color: silver; */
}

/* login and other buttons - hover and active */
#Kunena .button:hover,
#Kunena .button:active,
#Kunena .button:focus,
#Kunena .kbutton:hover,
#Kunena .kbutton:active,
#Kunena .kbutton:focus,
#Kunena input.kbutton:hover,
#Kunena input.kbutton:active,
#Kunena input.kbutton:focus {
  background-color: #5f8200; /* dark green */
}

/* logout button */
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton {
/*   background-color: silver; */
}

/* logout button - hover and active */
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:hover,
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:active,
#Kunena td.kprofileboxcnt ul.kprofilebox-welcome li input.kbutton:focus {
  background-color: #5f8200; /* dark green */
}

/* no background for ALL dropdown box options */
#Kunena option,
#Kunena option:focus,
#Kunena option:hover {
  background-color: transparent;
}

/* category folder icon when no new posts - light green instead of default blue */
#Kunena span.kreadforum,
#Kunena span.knotloginforum {
  background: url("../images/kunena/folder_nonew.png") no-repeat scroll left center transparent;
  height: 32px;
  width: 32px;
}

/* small subcategory folder icon when no new posts - light green instead of default blue */
#Kunena span.kreadforum-sm,
#Kunena span.knotloginforum-sm {
  background: url("../images/kunena/folder_nonew_sm.png") no-repeat scroll left center transparent;
  height: 12px;
  width: 12px;
  margin-right: 3px;
  vertical-align: middle;
}

/* color for "Number of registered users" in header of user list */
#Kunena div.kheader h2 strong {
  color: #ff8600 !important; /* dark orange */
}

/* get rid of blue hover background in checkboxes when using FireFox */
input[type="checkbox"] {
  -moz-appearance: none;
}

/* forum headers */
#Kunena div.kblock > div.kheader,
#Kunena .kblock div.kheader {
  background: none repeat scroll 0 0 #5f8200 !important; /* dark green */
}

/* size of main forum titles */
#Kunena .kblock div.kheader h2 {
  font-size: 18px;
}

/* forum header titles links hover */
#Kunena h2 span a:hover {
  color: #ff8600 !important; /* dark orange */
  text-decoration: none;
}

/* main categories titles */
#Kunena div.kthead-title, 
#Kunena div.ktopic-title-cover {
  font-size: 16px;
}

/* title of subcategories */
#Kunena div.kcc-subcat a {
  font-size: 13px;
  font-weight: bold;
}

/* title of posts */
#Kunena a.ktopic-title {
  font-size: 16px;
}

/* forum links */
#Kunena a:link, #Kunena a:visited, #Kunena a:active, #Kunena a:focus {
  color: #4e7801 !important; /* dark green */
}

/* forum links hover */
#Kunena a:hover {
  color: #ff8600 !important; /* dark orange */
}

/* pagenumbers top right */
#Kunena .kpagination .active {
  background-color: #5f8200; /* dark green */
  border-color: #5f8200; /* dark green */
}

/* Site Administrator color */
#Kunena .kwho-admin, #Kunena a.kwho-admin {
  color: #ff8600 !important; /* dark orange */
}

/* Global Moderator color */
#Kunena .kwho-globalmoderator, #Kunena a.kwho-globalmoderator {
  color: #857b40 !important; /* dark gold */
}

/* Moderator color */
#Kunena .kwho-moderator, #Kunena a.kwho-moderator {
  color: #4e7801 !important; /* dark green */
}

/* User color */
#Kunena .kwho-user, #Kunena a.kwho-user {
  color: #80a51e !important; /* medium green */
}

/* Guest User color */
#Kunena .kwho-guest, #Kunena a.kwho-guest {
  color: color: #666666 !important; /* grey */
}

/* Banned user */
#Kunena .kwho-banned, #Kunena a.kwho-banned {
  color: #a39d49 !important; /* dark gold */
}

/* Blocked user */
#Kunena .kwho-blocked,
#Kunena a.kwho-blocked {
  color: #ff0000 !important; /* red */
}

#Kunena .kalert {
  color: #ff8600; /* orange hover color */
}

#Kunena .klist-actions-info a {
  color: #009933; /* bright dark green */
}

#Kunena .kpagination .active {
  border-color:#5f8200; /* dark green */
  background-color:#5f8200; /* dark green */
  color:#ffffff; /* white */
}

#Kunena .kpagination a:link,
#Kunena .kpagination a:visited {
  color:#5f8200; /* dark green */
}

#Kunena .kpagination a:hover{
  border-color:#5f8200; /* dark green */
  color: #ffffff; /* white */
  background-color: #80a51e; /* medium green */
}

#Kunena div.ktopic-title-cover ul.kpagination a:hover{
  border-color:#5f8200; /* dark green */
  color: #ffffff; /* white */
  background-color: #80a51e; /* medium green */
}

/* profile edit button */
#Kunena h2 span.kheadbtn {
  border-color: #ffffff; /* white */
  background-color: #ff8600; /* orange */

}

/* profile edit button hover */
#Kunena h2 span.kheadbtn:hover a {
  color: #80a51e; /* medium green */
}

#Kunena div.kmsg-header {
  border-bottom-color:#d9d9d9; /* medium dark grey */
  background-color: #5f8200; /* dark green */
  color: #ffffff; /* white */
}

#Kunena .kfile-input-button:hover,
#Kunena .kfile-input-button:focus {
  background-color: #80a51e; /* medium green */
  border-color: #5f8200; /* dark green */
}

#Kunena span#kprofilebox-status {
 background-color: #5f8200; /* dark green */
}

Hope that helps someone. Thanks again for your attention to the dropdown matter!

Last edit: 12 years 1 month ago by sozzled. Reason: Add spoiler tag to post

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

Time to create page: 0.374 seconds