Tagged: button, custom icons
Hi I would need to customize the buttons icons on my page https://www.medicalverso.com/metaplace/. I have read that it is possible to do this via fontello or flaticon, is there not the possibility of using icons created by me?
Hey sitibus,
I assume that you have read our documentation about Adding your own Fontello or Flaticon Icons, you can create your own icons in SVG format single color only (black) and upload them to fontello which will convert them to a icon font which then can be imported to the Iconfont Manager.
Your other option would be to create an image icon and use css to replace the current icon font in the button, like this:
#top.page-id-1152 .avia_button_icon_left:before {
content: url(https://img.icons8.com/fluency/30/000000/idea.png)!important;
}
#top.page-id-1152 .avia_iconbox_title {
top: -8px;
}
Best regards,
Mike
Tks Mike,
the workaround that you suggested me works good as you can see at https://www.medicalverso.com/metaplace/ but would it be possibile the have 3 different icons, one for each button?
Otherwise I consider the idea of working with Fontello
Tks
Gianluca
Hi Gianluca,
You can add different icons if you assign an ID or class to either the 1/3 element, or the button, in the Advanced->Developer Settings tab. Then you can use CSS like this, if you are using an ID:
#your-custom-id .avia_button_icon_left:before {
content: url(https://img.icons8.com/fluency/30/000000/idea.png)!important;
}
Best regards,
Rikard
Wonderful I understood, can you only suggest me a default size for the “new” icons?