Icons not loading

Same problem for me, many websites do not display Awesome font icons, it’s problematic in an e-commerce shop.

• This reply was modified 5 years ago by momo-fr.

Hello,

Same issue on many icons since 1.7.2 and still here on 1.7.3 latest version.

I opened an issue on their GITHUB forum, but they closed it and said it was a caching problem related to our browsers, and that everything was working fine now.

I tried on another computer that never visited my website, with a freshly installed Firefox and the check in checkboxes does not display.

See the issue

@astrix can you please share your site link so that I can check it? All the icon issue has been fixed with the oceanwp theme v1.7.3 and ocean extra v1.5.19.

Me too same issue

@apprimit Yes it is still an issue,

https://www.temporary-url.com/7461AA (please click on continue after 5 seconds to access my website)

Check box below the comment form is not displaying check mark

Also on the contact page, when accepting privacy policy, check mark is not displayed

After extensive testing with OceanWP 1.7.3, on many devices, with cable internet, or wifi, or 4G network with freshly installed browsers, on desktop or mobile, without any cache activated, some characters are still not displayed correctly on 1.7.3 and ocean extra v1.5.19.

My tests are with check in checkboxes, but it may affect more characters, like radio buttons during checkout as someone else on this forum suggested.

• This reply was modified 5 years ago by Astrix.
• This reply was modified 5 years ago by Astrix.

Please see the attached screenshot – https://prntscr.com/pwzkq5
Working fine on my end.

@apprimit Have you tried ticking it ? Screenshot show an empty unticked check box !

We are many users reporting this issue, and I tried on many devices, on different networks with different IP adresses, all cache cleared, still happening. No caching plugin and no CDN on my website (only wordpress, woocommerce, ocean wp, ocean extra, contact form 7)

• This reply was modified 5 years ago by Astrix.

Hi,

I can confirm problem of Astrix, the checked checkbox is faulty on https://www.temporary-url.com/7461AA using Firefox 70 and Chromium 78 on Linux.
On my own development sites (unfortunately not available on public internet) I also have problems with checkboxes looking ugly and font awesome symbols not being displayed since upgrade to WordPress 5.3 and latest OceanWP.

Here is an example of it not working while the checkbox has been ticked (selected): https://prnt.sc/px4roq

I can’t share the URL because it is live, and I am currently using GeneratePress until the icon issue gets resolved.

I am having the same issue==as @astrix defined at first. Any help will be awesome.

Same problem for me.

css before updaiting was

input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {  
font-family: 'FontAwesome'; 
}

after last updating

input[type=radio]:checked:before, input[type=checkbox]:checked:before {
    font-family: 'Font Awesome 5 Free';
}

Same issue here

@astrix yes, you are correct. Thank you for pointing me in the right direction. For now, please use the below code. I’ll fix it in the next update of the theme and ocean extra plugin –

input[type=checkbox]:checked:before {
    font-weight: 600;
}

@apprimit That worked for me, thanks! I think there may be other icons that were not working, keep an eye out for those. I’ll let you know if I come across any myself.

Thanks!

@apprimit While you’re working on it please take a look at Elementor’s checkboxes too. They should be a box instead of a single vertical line: https://prnt.sc/pzva1c