Icons in Elementor

rlenius
(@rlenius)

6 years ago

I’m having an issue with broken icons on my site. I have the Font Awesome 4 support setting set to yes, and have also added the CSS code.

.fa {
font-family: FontAwesome;
}

If i go to the site via the server name https://server/wordpress, you can see the icons fine. But if i use the redirect we have setup https://intranet.site they are broken. I was just trying to find where these are referenced so i can check them to see if there is an issue there.

Thank you,

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Elementor
(@davidr90)

6 years ago

Hi,

Do you see any error in the site with the icons not showing issue?
you can take a look at your browser’s console log window.

Have you recently transferred your site to a different domain?
If so it may affect your icons, and I’ll recommend trying going over our guide regarding changes after site migration:
https://docs.elementor.com/article/467-site-migration,
(in the ‘I Already Migrated My Site, But Something’s Wrong!’ section).

I hope this information helped you with your issue.

Thread Starter rlenius
(@rlenius)

6 years ago

Looks like i’m getting CORS Policy Errors.

Access to font at ‘http://%SERVER%/wordpress/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2’ from origin ‘http://intranet.site’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fa-solid-900.woff2:1 Failed to load resource: net::ERR_FAILED
(index):1 Access to font at ‘http://%SERVER%/wordpress/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff’ from origin ‘http://intranet.site’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fa-solid-900.woff:1 Failed to load resource: net::ERR_FAILED
(index):1 Access to font at ‘http://%SERVER%/wordpress/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.ttf’ from origin ‘http://intranet.site’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
fa-solid-900.ttf:1 Failed to load resource: net::ERR_FAILED

I’ve found a few different ways to fix this, but what is the recommended way. I’m an IT person, but web design is not my strong suit. Any help would be great.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Icons in Elementor’ is closed to new replies.