Kunena 7.0.4 Released

The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0

Solved How to enhance the look of the menu buttons ?

810
Offline
Administrator

9 years 8 months ago #178647 by 810

Replied by 810 on topic How to enhance the look of the menu buttons ?

I don't got the email

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

Nemo10
Topic Author
Offline
Senior Member

9 years 8 months ago - 9 years 8 months ago #178648 by Nemo10

Replied by Nemo10 on topic How to enhance the look of the menu buttons ?

Sorry.. got called away.. It's going now.. (hotmail )

Oh for a neat solution...

Last edit: 9 years 8 months ago by Nemo10.

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

rich
Offline
Kunena Moderator

9 years 8 months ago #178650 by rich

Replied by rich on topic How to enhance the look of the menu buttons ?

I found the cause. K5.0.0 not loads the custom.less file. I've tested with K5.0.1-DEV. Therefore it works at my test page.

Important! Always create a backup before you make any changes to your website!

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

rich
Offline
Kunena Moderator

9 years 8 months ago - 9 years 8 months ago #178651 by rich

Replied by rich on topic How to enhance the look of the menu buttons ?

You can try it via css. Are the same steps, but instead custom.less use the custom.css. The codes are little different for css.

Code:

#kunena .navbar-inner,
layot .navbar-inner {
  border: none;
}
#kunena .navbar .nav > li > a,
layot .navbar .nav > li > a {
  background-color: #0088cc;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 11px 11px 11px;
  margin-right: 2px;
  color: #fff;
  text-shadow: none;
}
#kunena .navbar .active > a,
layot .navbar .active > a {
  background-color: #3c728e !important;
}
#kunena .navbar a:hover,
layot .navbar a:hover {
  background-color: #3c728e !important;
}

Important! Always create a backup before you make any changes to your website!

Last edit: 9 years 8 months ago by rich.

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

Nemo10
Topic Author
Offline
Senior Member

9 years 8 months ago - 9 years 8 months ago #178652 by Nemo10

Replied by Nemo10 on topic How to enhance the look of the menu buttons ?

Ok.. so since I'm using a duplicate installation I just edited the crypsis.less file at the back end.

NOW it is starting to look better.

But the tabs are too big and wraps on.

What value do I edit to make the tab and the labels smaller?

Do you know what the << >> << >> above the tabs is?

Oh for a neat solution...

Last edit: 9 years 8 months ago by Nemo10.

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

rich
Offline
Kunena Moderator

9 years 8 months ago #178653 by rich

Replied by rich on topic How to enhance the look of the menu buttons ?

Should be look now as in your picture.

Code:

#kunena .navbar-inner,
layot .navbar-inner {
  border: none;
  min-height: 30px !important;
  background-image: none;
  background-color: transparent;
}
#kunena .navbar .nav > li > a,
layot .navbar .nav > li > a {
  background-color: #0088cc;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 11px 11px 11px;
  margin-right: 2px;
  color: #fff;
  text-shadow: none;
  padding: 2px 8px 11px !important;
  max-height: 30px;
}
#kunena .navbar .active > a,
layot .navbar .active > a {
  background-color: #3c728e !important;
}
#kunena .navbar a:hover,
layot .navbar a:hover {
  background-color: #3c728e !important;
}

You can easy try if you want others size or colors. To change some values and you see the difference.

Important! Always create a backup before you make any changes to your website!

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

Time to create page: 0.279 seconds