Kunena 7.0.8 Released

The Kunena team has announce the arrival of Kunena 7.0.8 [K 7.0.8] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x./6.1.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 Crypsis and CSS override

ruud
Topic Author
Offline
Premium Member

11 years 3 months ago #164384 by ruud

Crypsis and CSS override was created by ruud

Okay,
trying to make my way into bootstrap css h#$%ll :evil:

first thing is the buttons:
1. I can override because this has its own kunena class: #kunena.layout a.dropdown-toggle, #kunena.layout i.icon-large
2. I cannot override because it has no Kunena class: .btn-group > .btn + .dropdown-toggle

It would help a lot to be able to override by #kunena css classes as this is the best / only way to get this working with a template that conflicts

sharing = caring

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

810
Offline
Administrator

11 years 3 months ago #164386 by 810

Replied by 810 on topic Crypsis and CSS override

If you are gong to use the custom.less file. Then you don't need the #kunena.layout

just paste the classes.

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

ruud
Topic Author
Offline
Premium Member

11 years 3 months ago #164388 by ruud

Replied by ruud on topic Crypsis and CSS override

okay, this is new to me. Which less file should use as a copy and paste source? general.less?
Just to get me started: what should I copy to change the layout of the buttons (2 in the image)?

Thanks in advance

sharing = caring

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

810
Offline
Administrator

11 years 3 months ago - 11 years 3 months ago #164389 by 810

Replied by 810 on topic Crypsis and CSS override

components\com_kunena\template\crypsis\less\custom.less

Add there:

Code:

 .btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 1px 0px 0px rgba(255,255,255,0.125), inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
    *padding-top: 5px: ;
    *padding-bottom: 5px: ;
}

.btn-primary {
    color: #fff;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top,#08c,#0044cc);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0044cc));
    background-image: -webkit-linear-gradient(top,#08c,#0044cc);
    background-image: -o-linear-gradient(top,#08c,#0044cc);
    background-image: linear-gradient(to bottom,#08c,#0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    *background-color: #0044cc: ;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

Last edit: 11 years 3 months ago by 810.

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

810
Offline
Administrator

11 years 3 months ago #164400 by 810

Replied by 810 on topic Crypsis and CSS override

ok, there is a issue.

open components\com_kunena\template\crypsis\less\crypsis.less

move custom, to the last entry.

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

ruud
Topic Author
Offline
Premium Member

11 years 3 months ago #164409 by ruud

Replied by ruud on topic Crypsis and CSS override

Thanks, have some time today to work on this. Will share findings and custom.less for meet_gavern (as I am probably not the only one running into this

)

sharing = caring

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

Time to create page: 0.252 seconds