I've noticed a problem when using Fontawesome with Safari (on Mac OS X Mavericks). Some icons, such as Twitter, Instagram etc. do not appear. At first I assumed they were removed because of a copyright issue, but they work fine in Chrome. Here's a screenshot of Safari vs Chrome, and the missing icons in Safari. The web inspector doesn't display any errors. It works displays fine in MobileSafari too.
Does anyone know the reason why only a few icons wouldn't show up? Is there a fix for this?
Thanks!
EDIT Turns out the AdBlock extension for Safari was causing this issue, its back to normal when AdBlock is disabled.
Turns out the AdBlock extension for Safari was causing this issue, its back to normal when AdBlock is disabled.
Related
Dear Stackoverflow Community,
I create a website with WordPress using Flatsome theme.
The website appears correcly in all browser except on Safari.
The problem is on the slider/banner image using Flickity that is not displayed on Safari.
Here are screenshots from Chrome and Safari for you to understand the problem:
By inspected the element, there are things that appear wrong:
the class bg-loaded used in the Flickity slider appears correctly on Chrome but not appear on Safari
it seems that there is a problem with Flickity: all Flickity class appear properly on Chrome but display a warning ! on Safari:
The website works fine on iPhone.
All the other images within the webpages are displayed properly in all browsers and devices. This is only these banner images that are not displayed on Safari.
Can someone knows what is the problem and how to solve it?
Thank you very much for your help on this issue.
Regards.
I have latest v4.3. The same happens in Chrome on my Mac... it happens once I start moving the mouse over links on the left.
I tried with WP 4.1.7 and 4.2.4 and it was the same...
It doesn't seem to happen in Safari, not sure about FF, I think it happened but now it doesn't..
How to solve this issue?
Chrome 45 has a rendering bug.
If you want to fiddle with internal settings, there is a workaround just posted here https://wordpress.org/support/topic/bug-broken-dashboard-layout
I personally will wait until Chrome 45+ and edit in FF from now on.
I'm using a WordPress theme and in Chrome and Safari the site looks fine.
Here is the origin theme page: http://demo.onedesigns.com/pinboard/
But in Firefox the social buttons in the upper right corner are not displayed.
I started to inspect the elements and figured out they are grayed out.
But I don't see styles that make them invisible or something like that.
What does it mean?
Firefox 39.0, Mac 10.10.3
They are blocked by the extension Adblock Plus. You can see that by the style -moz-binding():
In the process of designing a Wordpress site, usually don't have a problem, but this one is bugging me!
See screenshot below, the 'A' element of the 'LI' element has multiple fonts, seen only in Chrome.
IE, Safari and Firefox render fine.
Temp site is; http://www.diamag.net/bes/
Any idea's?
Cheers,
Ollie
i use chrome 19 on debian 6, this is my screenshot (looks fine to me, but i need glasses)
maybe explain the ellipses
I use chrome 29 on windows, the font displays just fine. Try opening your browser in Incognito Mode and see if the problem persists.
i've been trying out a bit of code posted to make image rollover buttons using only css,
this seems to work fine.
local testing showed no problems, IE, Firefox, safari all ok. even chrome displays as intended on the local version.
Once i move to a hosted test, IE, Firefox and Safari all display as intended but chrome offsets all the buttons right about 8-10 pixels.
here's the test page
http://www.fierysurprise.pwp.blueyonder.co.uk/bga/bgd.html
can anyone enlighten me as to what's happening?
site built in Kompozer
I assume you're referring to the squares under the "architectural design..." phrase.
I can't recreate this problem in Chrome v5.0.375.125.
What version of chrome are you using? Chrome tends to doggedly cache resources. Have you tried a cache refresh?
What version of Chrome are you using? I looked at your site in Chrome 5 and can't seem to tell a difference between any of the browsers you've mentioned.