item seperator in category mode using k2

GK User
Sun Jan 12, 2014 11:59 am
Hi there,

I show items in category mode using k2 and want to seperate the items by a dotted line.

I put the following code into the override but nothing happens although it works very well when using firebug and putting the code in there. Other override code works well the using override is turned to yes.

Code: Select all
.userItemView {
    border-bottom: 1px dotted #BBBBBB;
    margin-bottom: 40px;
    padding-bottom: 20px;
}


Please have a look at: http://www.sandra-eversberg.de
Where is the mistake?
Thanks for your help.
User avatar
Gold Boarder

GK User
Sun Jan 12, 2014 12:35 pm
You have css compression enabled. Please disable it first so I can check the override.css file for errors.
User avatar
Moderator

GK User
Sun Jan 12, 2014 12:55 pm
did it.
User avatar
Gold Boarder

GK User
Sun Jan 12, 2014 7:38 pm
There is still something strange activated, that puts css files content inline instead of linking to correct files. It looks like some JS plugin that modifies header.
User avatar
Moderator

GK User
Sun Jan 12, 2014 7:42 pm
Sorry . Thats all Greek to me.

What can/should I do?
User avatar
Gold Boarder

GK User
Sun Jan 12, 2014 7:43 pm
You probably still have some compress method active, or some 3rd party plugin that changes the code.
User avatar
Moderator

GK User
Sun Jan 12, 2014 7:49 pm
For what do I have to look? I use only the gavick quickstart package.
User avatar
Gold Boarder

GK User
Mon Jan 13, 2014 4:20 pm
Could you please give me a hint what I have to look for?

I looked at the editor and in the template settings and the compression of js and css is disabled.
User avatar
Gold Boarder

GK User
Mon Jan 13, 2014 5:46 pm
I have no idea, as I see this kind of setup for the first time. I'll ask more advanced developers.
User avatar
Moderator

GK User
Mon Jan 13, 2014 5:51 pm
For 100% you have 1 typo in override.css:
Code: Select all
.category-desc h2 {
    font-family: 'Libre Baskerville', Garamond, Times, serif;
color: #595959;


and there is missing "}"
it should be:
Code: Select all
.category-desc h2 {
    font-family: 'Libre Baskerville', Garamond, Times, serif;
    color: #595959;
}
User avatar
Moderator

GK User
Tue Jan 14, 2014 11:37 am
Could it be that this typo was the reason for all - I put it in and now it works! Unbelievable! Thanks a lot!!
User avatar
Gold Boarder

GK User
Wed Jan 15, 2014 5:57 pm
If you do a typo in css, some browsers might be able to deal with that, but some will not. And the problem with css is that you will not get any errors - you just need to carefully check if the file don't contain any "formal" issues.
Also - if you make a typo inside a declaration - then it will not work for that declaration and it is easy to find, but if you are missing closing declaration sign "}", then all declarations under it will not work ;).
User avatar
Moderator

GK User
Wed Jan 15, 2014 6:04 pm
Thanks for helping - and detecting the mistake! Hurray! ;-)
User avatar
Gold Boarder

GK User
Wed Jan 15, 2014 6:10 pm
I'm glad I could help and share some knowledge :).
User avatar
Moderator

GK User
Wed Jan 15, 2014 6:15 pm
:kiss:
User avatar
Gold Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.