Font Awesome
-
after installing the plugin and placing on a page , i can’t get any font awesome icons to display for the admin menu bar when viewing page where this shortcode is installed
-
It sounds like a conflict with JavaScript. You can check using a free browser extension that checks for JavaScript errors. That should give you a better idea of what’s happening on the page.
Not getting any console errors. Font awesome for admin toolbar appears on every page aside of the one using this plugin
Yeah not sure then. Are there any other clues you are getting?
Nope
Just checking if issue exists for everyone or just me. If it’s me then I can start disabling other plugins and see if any conflict but as far as console it’s clean. CSS showing the content for font awesome icons , I even loaded it directly on that page and they won’t display using the css font awesome stylesheetYeah there’s a conflict or issue somewhere. Just a matter of tracking it down. No other users have reported, so think it is local to your site.
All in One SEO is the culprit , when i deactivate it , icons appear on the page using this plugin. No idea why on earth that would be an issue, as the plugin runs on all pages and no other page has issues with font awesome
Pretty weird. And you are sure there are no underlying conflicts with JavaScript on the page? In most cases where something like this happens, that’s the reason.
no issues being reported in developer console. Also its not font awesome , its the dashboard icons. Dashicons won’t appear in admin header toolbar , or they don’t appear in the editor for the visual editor for the adding post content.
<a class="ab-item" href="https://mysite.com">Customize</a> #wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow { position: relative; float: left; font: normal 20px/1 dashicons; speak: never; padding: 4px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: none!important; margin-right: 6px; } #wpadminbar #wp-admin-bar-customize>.ab-item:before { content: "\f540"; top: 2px; }-
This reply was modified 5 years ago by
theeohiostate.
-
This reply was modified 5 years ago by
theeohiostate.
Interesting.. so it’s an issue with the CSS of either plugin..?
i’m not sure how using both plugins together would effect the style , in developer i can see all the css attributes and nothing is being overwritten and nothing differs from other pages on the site. But when All in one SEO and User Submitted Posts plugins being used , the page where the User Submitted Posts shortcode is displayed has the dashicons being removed from the page. When disabling All in one SEO , then its fine. I’m seeing if i can disable that plugin for 1 page as its not needed on a submission form page to begin with imo.
I disabled All in One SEO , and added YOAST SEO and problem resolved. Hate to do that without figuring out the issue as it drives me insane, but I tried for 4 hours and couldn’t find any conflicts so moving on and leaving the details of my experience in the event another user of the 2 plugins has similar issue. Thanks
Lol I’ve been there. Glad you found a way thru, in any case. Let me know if I can provide any infos about the plugin, glad to help anytime.
-
This reply was modified 5 years ago by
The topic ‘Font Awesome’ is closed to new replies.