Create new suffix ?

Hi,
Is it possible to duplicate and create a new suffix?
For the suffix "header" I would adapt it to 300x170 image with a 12px font



Thanks

Hi, sure but you have to create your own suffix based on ".header"
you'll find it in this file: gk_news\css\gk.stuff.css

Hi,
I copied the suffix "header" and replaced ".header" by ".article" in the file gk_stuff but it does not work...

I found the solution, it works now :

Code: Select all

.box.dossier .nspImageWrapper h4 {
   background: #1c1c1c;
   bottom: 0;
   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
           box-sizing: border-box;
   font-size: 12px;
   margin: 0;
   padding: 8px 14px;
   position: absolute;
   -webkit-transition: background .3s ease-out;
      -moz-transition: background .3s ease-out;
       -ms-transition: background .3s ease-out;
        -o-transition: background .3s ease-out;
           transition: background .3s ease-out;
}
.box.dossier .nspImageWrapper h4 a {
   color: #fff;
}

.box.dossier .nspImageWrapper h4:hover {
   background: #e25b32;
}

.box.dossier .nspImageWrapper h4 a:active,
.box.dossier .nspImageWrapper h4 a:focus,
.box.dossier .nspImageWrapper h4 a:hover {
   color: #fff;
}

.box.dossier .nspLinks .nspLinkScroll1 div ul li {
      margin: 0 10px!important;
    padding: 14px 0!important;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

.box.dossier .nspLinks .nspLinkScroll1 div ul li:hover {
      background: #e25b32;
      color: #fff;
      margin: 0!important;
    padding: 14px 10px!important;
}

.box.dossier .nspLinks .nspLinkScroll1 div ul li:hover h4,
.box.dossier .nspLinks .nspLinkScroll1 div ul li:hover h4 a {
   color: #fff;
}

Thanks.