I have a new site that I have just added the enfold theme on and did the updates. The icons are all boxes. How do I fix this?
Hey SandraSquires,
They are being blocked by the browser since the resource is being served from a different domain/CDN service. Please refer to this: https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-
Best regards,
Rikard
Hi,
Yes, we can help you out with that. Please include FTP login details in private, along with a verification that you have backups of the site in case something should go wrong.
Best regards,
Rikard
Hi,
Thanks for that. I added the code to your htaccess file, but I’m still seeing the same error message unfortunately. I’ve asked the rest of the team to have a look as well.
<FilesMatch ".(ttf|otf|woff|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Best regards,
Rikard
Hi,
I added this to your custom.css so the font would load from your site and show:
@font-face {
font-family: 'entypo-fontello';
src: url('https://your-site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff') format('woff2'),
url('https://your-site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff2') format('woff'),
url('https://your-site.com/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
Please clear your browser cache and check.
Best regards,
Mike
Thank you very much!!