Hi everyone - I have two questions!
- I am having trouble with the Topic textbox in wpForo. The control characters are showing up as boxes with characters in them instead of the correct symbols. Does anyone know what font type these characters are?
- @Tutrix assisted me with this previously to fix our social media icons on our footer...but I did not see a way to attach this related question to that original post. Is there a way that we can reply back on a closed thread to reopen it/ ask a related question to the forum?
Here is a screen capture of what I see: https://www.vealeentrepreneurs.org/screenshot-2023-05-22-at-10-37-12-entrepreneurship-ecosystem-questions/
Did you activate it?
Dashboard > wpforo > Settings > General Settings > Miscellaneous > Font-Awesome Lib > Sitewide
if not then activate Sitewide
@tutrix I did.....and I just found your post answer to @goodfella from 2022 with the answer I needed. I added the CSS code you recommended on that thread and it worked:
i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page {
font: normal 20px/1 dashicons !important;
}
.mce-ico {
font-family: tinymce !important;
}
Now only the bookmark icon shows up now as a rectangle with icons in it. I have no idea what that font would be. Thanks for your help!
Now only the bookmark icon shows up now as a rectangle with icons in it
add to the css
i.mce-i-bookmark
@tutrix no luck- I'm not sure what I entered incorrectly! I added the code you sent to a block of others that were already in there:
i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page, i.mce-i-bookmark, i.fa-solid.fa-folder-tree {
font: normal 20px/1 dashicons !important;
@eviolette looks like there is no bookmark icon as dashicon
Developer Resources: Dashicons
use a suitable one
maybe "pressthis
@tutrix I tried to add coding for pressthis using the same format for coding as the dashicons and broke everything....so I started over from scratch
This is what I tried - thanks for your help! I apologize for multiple questions on this - thanks for being patient with me while I learn!
i.mce-i-bookmark, {
font: normal 20px/1 pressthis !important;
@tutrix ok! I just turned that on
try
#wpforo #wpforo-wrap .fa-bookmark:before {
content: "\f157" !important;
font: 400 20px/1 dashicons !important;
}
As a guest I do not see this icon, so I can only guess from the visible icons how the formatting must be overwritten
@tutrix I turned on visibility for guests to see the forum. I'm unsure of what to try next with coding. Thank you for helping me with this!!!
Thank you for your infinite patience with me! I finally figured out that our Font Awesome font was out of date. I reinstalled everything and added the following codes:
#wpforo #wpforo-wrap .fa, #wpforo #wpforo-wrap .fab, #wpforo #wpforo-wrap .far, #wpforo #wpforo-wrap .fa-bookmark:before {
font-family: "Font Awesome 6 Free" !important;
}
#wpforo #wpforo-wrap .fa, #wpforo #wpforo-wrap .fab, #wpforo #wpforo-wrap .far, #wpforo #wpforo-wrap .fa-folder-tree:before {
font-family: "Font Awesome 6 Free" !important;
}
Everything works finally - thank you for your guidance!