Make my own Surfix / icon ?

Hi,

How do I make my own surfix icon, and added to this template ?


BR, Wiberg

You mean icon in typography area ? Please just look how existing icons are coded in typography.styleX.css file, then copy part of code to override.css and use your custom background image. Exactly the same you can make it if you want to use suffix for module but to give you more help you need to show me what effect you want to achieve.

Hi,

I want to add this logo as a surfix in modul....

BR, Wiberg

You mean icon in typography area ? Please just look how existing icons are coded in typography.styleX.css file, then copy part of code to override.css and use your custom background image. Exactly the same you can make it if you want to use suffix for module but to give you more help you need to show me what effect you want to achieve.

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkWrap2 .box.your-suffix > h3 {
             padding-left: 45px;
   background: transparent url('../images/style1/yourFilename.png') no-repeat 0 0;
   padding-top: 0;
   height: 32px;
   margin-top: 10px;

}


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Hi,

Sorry for my late reply - but this is not working

BR, Wiberg

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkWrap2 .box.your-suffix > h3 {
             padding-left: 45px;
   background: transparent url('../images/style1/yourFilename.png') no-repeat 0 0;
   padding-top: 0;
   height: 32px;
   margin-top: 10px;

}


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Could you show me your site URL ? It is always easier to check CSS/HTML code on live site.