Hi Easter Egg,
Are all icons like that? (like Pages, Posts, Settings etc.?). If that’s the case then I think that the WordPress didn’t properly install the dashicons included with WordPress. A reinstall of core should fix it.
Alternatively, if it is only the icons that included in your picture that are not displaying, then I’d suggest there is an issue with the theme you are using – either a problem with their code or corruption that occured during installation. Try reinstalling your theme to see if that works.
Hope that helps.
Hi Rhys, it is only the theme icons that are broken, the default WordPress icons are fine.
I tried the theme on my other websites (hosted on HostGator) as well as a local copy of wordpress on my pc, and it works fine on each one of them.
I have tried installing the theme the default way (ie using “upload theme” option), using Filezilla, and using FireFTP, but still the problem exists.
Hmmm….. Okay could you inspect the elements (right click on the icon and select “Inspect Element”)? See what the URL of the icon is in question? See if that is present within the theme?
Also, the Font Awesome Icons are also not working (displaying empty squares).
Ya, I checked that already, the icons are present within the theme.
I initially thought it might be due to file permissions, but all file directories are correctly assigned “755” and .php files “644” using the “File Permissions & Size Checker” plugin.
Is there a setting that loads the font awesome & the icons from a CDN within your theme?
No Rhys, no such settings.
An interesting thing I noticed is when I type the broken image icon link into the browser and hit Enter, I get a 403 Forbidden error.
For example, icons with /wp-content/themes/xyztheme/img/favicon.ico show a 403 forbidden error
The only icons working properly are the dashicons. Thanks a lot for taking your time out to help me!
The security plugins I installed are “Sucuri Security” and “Bulletproof Security”
Try disabling them for now? I think that possibility that the security settings are overzealous.
I did try with that too (disabling those plugins, reverting the settings,etc.) but still no improvement.
I think I have found out the root cause of the problem.
The following option in Sucuri
– restrict wp-content access-
blocks direct PHP access to any file inside wp-content.
But when I try to “Revert Hardening” for this option (ie,disable it), it resets again to active status. ie, it cannot be disabled at all, whichever way I try.
Even disabled Sucuri, but the problem persists.
I would probably ask how to do this in the Sucuri forum http://wordpress.org/support/plugin/sucuri-scanner. There is probably a bunch of files probably within your wp-content that is blocking access. These could be deleted via FTP. Just not sure what these files are.
EDIT: Yes, it is confirmed that this setting is the root cause of the problem. What I did then is delete the .htaccess file in wp-content, and that particular option – restrict wp-content access- reverted itself to “inactive” status. And with that, the icons are back to working the way it should. Everything works perfect now.
Ryse, thanks a ton for trying to help me.
Have a nice day!