Black Bars in FireFox

Resolved sociactive
(@sociactive)

11 years, 7 months ago

I love this theme but I am having a problem in firefox (not chrome, IE or safari). My site has a static homepage, and the slider is displayed on both the homepage and posts page. The problem I am having is that black bars, squares and rectangles are showing up in random parts of the Posts Page (not Homepage) as if a css hover effect or javascript is conflicted. Some of those black areas are static and others come and go when the mouse moves around.

I’ve tested other websites and they too seem to have issues around media or images.

Anyone else having this problem? Can you help?

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

dragonsign
(@dragonsign)

11 years, 7 months ago

Yes – having this issue too and yes, only in Firefox. Using the latest release of WP 4.0 and Firefox 33.0.2. Have tried poking through the theme code but I can’t see what’s causing it. Comes up always at the bottom of the post for me.

Would love to have a solution to this too. Really like the theme otherwise.

Thread Starter sociactive
(@sociactive)

11 years, 7 months ago

Checking out the developer’s own website (www.templatesnext.org), it seems he is having the same issues in Firefox. I hope he can follow up soon.

Theme Author marsian
(@marsian)

11 years, 7 months ago

what is your url? could you post a screenshot?

dragonsign
(@dragonsign)

11 years, 7 months ago

Hi Marsian — Thanks for following up on this.

Of course now that you ask to see it, the bars have disappeared from my site right now — DiscoverLivingWell.ca – they were showing up at the bottom of the posts, surrounding the READ MORE line. (This happens to me with my car and the service shop all the time too “I swear it was making this bang bang rattle clunk sound this morning”).

However I still see it happening on your site and have done a screen shot of it: ITransformBlackBars.jpg. I don’t know about SA Business – perhaps they have a good shot from their site?

Thread Starter sociactive
(@sociactive)

11 years, 7 months ago

My site is in development but looks the same as your screen shot. I think it has something to do with a last-child CSS element, maybe p:last-child. I say that because I have a 1-paragraph post that does not have the black bar. The others with multiple paragraphs have them.

Theme Author marsian
(@marsian)

11 years, 7 months ago

not sure, could not reproduce the the bug, might be some browser bug, try updating your browser, which version of firefox are you sung? go to “help” > “about firefox”

dragonsign
(@dragonsign)

11 years, 7 months ago

Firefox version 33.0.2 – most current version
WordPress 4.0

It is happening more today for some reason — wind? solar flares? snowfall? 2D creatures breaking thru into our universe? (-;

Here are links to screenshots I took just now of a blog summary and a post both showing the black-out on my site:

blog summary on homepage — this is one is on the home page of my live site
post blackout on image — this one is set as a scheduled post for Nov 11

The only consistency I see is that it only seems to affect blog posts & summaries but not all of them. Right now these screenshots are the only two issues I see on my site and I’ve flipped quickly through most of it. None of my pages have shown it nor have any of the product profiles in the shop.

Thread Starter sociactive
(@sociactive)

11 years, 5 months ago

Found it! There is a hiccup in the theme’s CSS that seems to only adversely affect Firefox. The files are animate.css and animate.min.css.

It is the .animated element.
-webkit-animation-fill-mode: both
animation-fill-mode: both

They need to be changed to:
-webkit-animation-fill-mode: none /* “forwards” won’t work */
animation-fill-mode: none /* “forwards” won’t work */

Thanks and enjoy.

dragonsign
(@dragonsign)

11 years, 5 months ago

Brilliant – worked a treat. Thanks for sharing that!

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

The topic ‘Black Bars in FireFox’ is closed to new replies.