How to add category colors for gk-nsp-header?

Hi everyone.
I have purchase "Publisher for wordpress" their are somes days.
I have begin to modify the skin with all i have find in your forum. Thank u.

I wish put a bakground colors ans a underline for each catégory but i meet a problem. Before use this module, i have use with override.css :

Code: Select all

.category-creation h2 a {
   background-color: #DCF9FB;
   text-decoration:underline;
}
.category-developpement-personnel h2 a {
   background-color: #FFFED2;
   text-decoration:underline;
}
.category-business h2 a {
   background-color: #D1EFBC;
   text-decoration:underline;
}
.category-marketing h2 a {
   background-color: #F4F4F4;
   text-decoration:underline;
}
.category-seduction h2 a {
   background-color: #F0C1C4;
   text-decoration:underline;
}


And it work for colorized my catégories. But since i use the module, it dosent work anymore. Their what i want :



I guess i have something to change in :

Code: Select all

gk-nsp-header

I have try, but i have not enought acknowledge to do. Some can help me to give the final touch to my blog?


Thank you..

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Try to add this code into css/override.css file (first enable this override option from Template Options -> Advanced tab):

Code: Select all

.gk-nsp-art:nth-child(2) .gk-nsp-header a {
  background: #aaa;
  color: #fff;
}


where .gk-nsp-art:nth-child(2) is your second category, to add 3rd category, use this code:

Code: Select all

.gk-nsp-art:nth-child(3) .gk-nsp-header a

etc.

Thank you very much. I have try to put that on overide.cs but its dosen't work, so i have apply directly on gk-nsp.css and it work amazing

Can I add a separator bar between articles? If yes. How should i do?

Try to use this code:

Code: Select all

.home article {
   border-bottom: 1px solid #e5e5e5;
}

.home article:last-child {
   border-bottom: 0;
}