Dentalia has now been updated to 2.3 and a major update for Recycle is coming soon. We hope you enjoy the new features! Thanks for your patience!

Okay
  Public Ticket #1800453
Add Custom Font Icons
Closed

Comments

  •  2
    David started the conversation

    I want to add custom font icons to my website running Dentalia and want them available in the drop-down icon selection in your widgets. Is this something you can provide instructions on how to do or will you need to update your template?

    https://samcome.github.io/webfont-medical-icons/

    Thanks!

  •  564
    OrionThemes replied

    Hi,

    You can add the custom icon pack to your child theme. It does require some technical knowledge though.
    If you don't yet have a child theme, a sample child theme is available within the themeforest .zip file.

    1. For a code example, which should be placed in functions.php file in your child theme, please check this public ticket:
    https://orionthemes.ticksy.com/ticket/1193962/

    You will need to rename the functions and create a custom array of this icons like you see on the example above.

    If you need another example, you can also check this ticket: https://orionthemes.ticksy.com/ticket/1563612/

    2. When you're done with the backend, you might also need to adjust the CSS, so the displayed icon will read the data attribute. This is best placed in your child theme's style.css folder.

    An good example CSS with smoothing is:

    .sow-icon-yourdentaliconpack [data-sow-icon]:before{
        font-family: 'yourdentaliconpack' !important;
        content: attr(data-sow-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;    
    }

    I hope this helps,

    Kind regards,
    Andrej