Okay
  Public Ticket #472349
newave service icons
Closed

Comments

  • claudine started the conversation
    July 5, 2015 at 5:16pm

    Hello,

    How could I change icons in the service section? I would like to use my own icons but doesn't work.

    Thanks

  •  1,810
    Support replied
    July 6, 2015 at 7:58pm

    Hello, check first if there is a font awesome icon which suits you:

    http://fortawesome.github.io/Font-Awesome/icons/

    then just paste the icon class (\'fa fa-leaf\' for example) in the shortcode

    otherwise you will have to add your own icons styles to the theme

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • claudine replied
    July 6, 2015 at 9:47pm

    Hello thanks for the reply.

    My icons are too specific and I couldn\'t find something similar in font-Awesome. I designed one icon with the same size but it isn\'t working in the template (screenshot). Do you know can I integrate my icon? Do you have any solution?

    Thanks

  •  1,810
    Support replied
    July 7, 2015 at 12:54am

    Hello,

    Try uploading the files somewhere as a subfolder of the theme and then use @font-face to create a font family.

    And then simply add the font-family style for each element you want to have that font.

    See here for a description of the process:

    http://premium.wpmudev.org/blog/custom-fonts-css/

    You can edit style.css or use theme options Styling Options -> Custom CSS


    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • claudine replied
    July 11, 2015 at 1:29am

    Hello,

    thanks for your help.

    I have created my font face with IcoMoon and add the font-family. I have added to custom CSS but it is still not working.


    bellow my custom css:

    @font-face {

    font-family: \'iconsb\';

    src:url(\'fonts/iconsb.eot?-npkg3f\');

    src:url(\'fonts/iconsb.eot?#iefix-npkg3f\') format(\'embedded-opentype\'),

    url(\'fonts/iconsb.ttf?-npkg3f\') format(\'truetype\'),

    url(\'fonts/iconsb.woff?-npkg3f\') format(\'woff\'),

    url(\'fonts/iconsb.svg?-npkg3f#iconsb\') format(\'svg\');

    font-weight: normal;

    font-style: normal;

    }

    [class^=\"icons-\"], [class*=\" icons-\"] {

    font-family: \'iconsb\';

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    }

    .icons-icons1:before {

    content: \"\\e600\";

    }

    .icons-icons2:before {

    content: \"\\e601\";

    }

    .icons-icons3:before {

    content: \"\\e602\";

    }

    .icons-icons4:before {

    content: \"\\e603\";

    }

    http://s581887304.onlinehome.fr

  •  1,810
    Support replied
    July 11, 2015 at 4:49am

    What\'s the page url?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,810
    Support replied
    July 13, 2015 at 8:23pm

    Add

    display: inline-block;

    property to

    [class^=\"icons-\"], [class*=\" icons-\"] {

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy