Hopefully a super quick question.
I’m wanting to apply an icon to a button, however the icon I am wanting to use (a discord icon) is not in any of the icon sets provided. In font awesome it is icon f392, or class=”fab fa-discord” how can I update the icon sets provided to get newer icons?
(hope that makes sense)
Yes, I’m looking for an answer to this question myself. In my case I would like to add a set of arrows from Ionicons. Thanks.
Hello!
You can add a button(the shortcode name) with the TagDiv Composer and set an icon from the font awesome plugin like this: https://www.screencast.com/t/Ma0gQBEMKrG
Check this guide to see how you can add icons in menu: https://forum.tagdiv.com/how-to-add-icons-in-menu/
Thank you!
Which is brilliant, but that wasn’t my question, but I might not have explained myself properly.
The icons listed, where you selected “button icon” do not appear to be up-to-date with the current Font Awesome library. As the example I provided, the discord icon is not listed within the newspaper theme but is listed in the most recent font awesome library.
How do we update the icon library (with in the newspaper theme) with the latest font awesome version?
Hi deviltica,
If you want to use the https://fontawesome.com/v5.15/icons/discord then you need to install the plugin font awesome, in tagDiv Composer select the column text or text with title element -> https://i.imgur.com/d1S0r57.png the select the button format in Wp Editor -> https://i.imgur.com/xSk0LYM.png after that change from visual to text -> https://i.imgur.com/cZJk5dy.png and add the code for icon -> https://i.imgur.com/6snb4NZ.png and set it before or after text -> https://i.imgur.com/Dj0Z0LM.png after that just press X and the results will be -> https://i.imgur.com/f9BNu74.png
I hope this will help you!
Thanks! This is helpful, but not super efficient – but I will try to use it as a work around.
The element I am using is the ‘Image Info Box’ element. How would you propose achieving the same on the button within that element?
Thanks in advance!
Hi,
For ‘Image Info Box’ you’ll need to combine the font awesome plugin with an extra class on element like this -> https://i.imgur.com/uUeAOFk.jpg then on that class you’ll add a css like this one ->
https://i.imgur.com/VPIWwxn.png
.my-extra-class .tdm-btn-text:before{
font-family: FontAwesome;
content: '\f392';
margin-right: 5px;
}
The css can be set in the theme panel > custom code> custom css.
I hope this will help.
