Tagged: button, custom icons
-
AuthorPosts
-
March 14, 2022 at 11:49 am #1344375
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?
March 14, 2022 at 1:39 pm #1344390Hey 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,
MikeMarch 15, 2022 at 7:11 am #1344490Tks 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
GianlucaMarch 15, 2022 at 11:16 am #1344523Hi 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,
RikardMarch 15, 2022 at 12:06 pm #1344542Wonderful I understood, can you only suggest me a default size for the “new” icons?
March 15, 2022 at 1:25 pm #1344561 -
AuthorPosts
- You must be logged in to reply to this topic.

