Kunena with Creativity

Hi!
Kunena with Creativity template look bad.

Buttons too big, colors not correct and they are not in one line:



This is how kunena looks in native joomla template:





May be you have special kunena template for gavick templates?

Hi

Sorry. Our template doesn;t have a style for Kunena. Please tell me the exact link to the page with Kunena.

http://vsehristiane.com/forum

Hi

Please edit http://vsehristiane.com/templates/gk_cr ... joomla.css and try to remove clases like:

Code: Select all

input[type="checkbox"], .checkbox, input[type="radio"], .radio {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    height: auto !important;
    margin-top: 7px !important;
}
select[size] {
    font-size: 12px;
    height: auto;
}
select[size="1"] {
    height: inherit;
    line-height: inherit;
}


I cannot see all elements You are showing on screens. Probably becuase I'm not logged in, but hopefuly removing this code which is overrideing it will help.

There is no such code in joomla.css

Hi

Please cehck lines from 164-171. I can see it there. This would be a start I guess, so please send me an access so I can enter forum and ftp access so I'll make this restyling myself. It will be faster this way.

Sent.

Hi

Please send me also an access to joomla panel. I need to disable cache. My changes are visible after couple of minutes from entering it. It's hard to work like that.

Hi

I have added couple of classes to override.css. I hope now it will be a little better. If You will find anything not in place let me know.

Code: Select all

#Kunena select[size="1"] {
    height: inherit !important;
    line-height: inherit !important;
}

#Kunena select[size] {
    font-size: inherit !important;
    height: auto !important;
}

#Kunena form#jumpto input.kbutton {
    float: right;
    height: 22px;
    margin: 0 0 0 10px;
}

#Kunena .kprofileboxcnt .kbutton {
    float: right;
    height: 21px;
    margin-top: 0 !important;
}

#Kunena .klist-markallcatsread input.kbutton {
    height: 21px;
    margin: 6px;
}

#Kunena td.krowmoderation input.kbutton {
    float: right;
    height: 21px;
    margin: 0 0 0 5px;
}

#Kunena .ks {
    margin-bottom: 5px;
}

#Kunena fieldset legend {
    font-size: 16px;
}


Thanks!
Of course it better, but not for working site...

See please

Hi

What browser was this screen took in ? It looks perfect for me ;/ Try clear browser's cache.

Hi

What browser was this screen took in ? It looks perfect for me ;/ Try clear browser's cache.

This is Google Chrome. I checked Chrome for Mac and Windows. In both buttons looks bad.
Aslo, I checked Safari - buttons looks bad too.

Hi

I've made couple of changes. Please check it now.

Yes, thanks. BNow buttons looks great.
But in the bootom displays strange lines.

OK, I found and fix it.
Thanks.

New problem with buttons to add attachment in Kunena

Hi

You need to lead me to this screen. I do not know Russian Can even find the button to add a post ;/

Hi

You need to lead me to this screen. I do not know Russian Can even find the button to add a post ;/

Sorry, of course.
This is a link to add new topic:

http://vsehristiane.com/forum/obsuzhden ... pic/create

Then you need to press on this filed:

Hi

Add this code to override.css:

Code: Select all

#Kunena .kattachment .kbutton {
    float: right;
    height: 22px;
    line-height: 22px;
    margin: 0;
}


but I still cannot see the exact look as You shown me on screen before. Just this part:

I added your code.

In FireFox:



In Chrome:

Hi

I didn't know that new buttons appear after adding a file, but please add my code first, because it will affect all of them, just add a line with font color like this:

Code: Select all

#Kunena .kattachment .kbutton {
    float: right;
    height: 22px;
    line-height: 22px;
    margin: 0;
}


Ok, I added this code in override.css

Code: Select all

#Kunena .kattachment .kbutton {
    float: right;
    height: 22px;
    line-height: 22px;
    margin: 0;
    color: white !important;
}


This is a screenshot

Hi

Sorry, but there is no such code in override.css: http://vsehristiane.com/templates/gk_cr ... erride.css You need to remember to clear cache after adding any code to website or the old one will be used.

Hi

Sorry, but there is no such code in override.css: http://vsehristiane.com/templates/gk_cr ... erride.css You need to remember to clear cache after adding any code to website or the old one will be used.

I know about cache and I really added code...

Hi

Yes, today I can see it and also the changes are visible, so it must have been released by cache. I've used ftp You send me to make the last changes. Hope it will be ok now. Here is a full fix we have applied till now:

Code: Select all

/* Here you can include your override CSS styles */

#Kunena #jumpto .inputbox {
    display: inline-block;
}

#Kunena select[size="1"] {
    height: inherit !important;
    line-height: inherit !important;
}

#Kunena select[size] {
    font-size: inherit !important;
    height: auto !important;
}

#Kunena form#jumpto input.kbutton {
    display: inline-block;
    float: none;
    height: 22px;
    line-height: 22px;
    margin: 0 0 0 10px;
}

#Kunena .kprofileboxcnt .kbutton {
    float: right;
    height: 21px;
    margin-top: 0 !important;
    line-height: 21px;
}

#Kunena .klist-markallcatsread input.kbutton {
    height: 21px;
    margin: 6px;
    line-height: 21px;
}

#Kunena td.krowmoderation input.kbutton {
    float: right;
    height: 21px;
    margin: 0 0 0 5px;
    line-height: 21px;
}

#Kunena .ks {
    margin-bottom: 5px;
}

#Kunena fieldset legend {
    font-size: 16px;
}

#Kunena .kattachment .kbutton {
    border: medium none !important;
    color: #FFFFFF !important;
    float: right;
    height: 22px !important;
    line-height: 22px !important;
    margin: 0 0 0 5px !important;
    padding: 0 5px !important;
}

#Kunena .kattachment {
    clear: both;
    margin: 5px 0;
}


Thanks!
Now it looks fine!

It should be noted that the problem with the buttons in the kunena and other components (jomsocial, comminity polls) arises with all your templates.

Hi

That's because templates are prepared to work with some components. It's imposible to make a template fit all the extentions around. There are milions of them. Anyway extention's stylesheets are being loaded after the template styles, so if every aspect of for example button would be set there (or would not be set at all - in this case a button designed in template would be used) than there would be no such problems. Just telling that the blame is on both sides. Anyway I'm happy we have finally figured it out