Wordpress Images Appearing and Disappearing

Hi, you will have to log in to see the site, I set up a contributor login: user name helper, pw: PCyeUsk)2c43ie$uNMK8JZDI

truenasreseller.com/wp-admin.

Log in, then on upper left, Visit Site. You may have to then do a hard refresh.

What's happening is the images on the home page are disappearing, then reappearing. It's happening for me on Chrome, and also happening to my client in NYC.

The images are all in the media library, and show up at their urls. Url list attached.

I tried:
1. Going to another theme, twenty fifteen, then back to Divi theme. I refresh the page, and the images are there. I refresh again, and they disappear.
2. Disabling the lastest plugin I had installed.  I refresh the page, and the images are there. I refresh again, and they disappear.
3. Reenabling that plugin.  I refresh the page, and the images are there. I refresh again, and they disappear.

I did just notice that one image is staying- the logo on the upper left. It stays, but the colored background on that row disappears.

What the heck is going on, any ideas? Thanks.
home-page-images.txt
disabled-plugin.JPG
refresh.JPG
mel200Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
Your page is not showing any images for me. There's nothing in your HTML that indicates your page is even trying to load any images. Do a view source and there is no mention of images anywhere in there. Your HTML does have some other problems as you seem to have a large chunk of HTML inside the <head> element. That makes your HTML invalid so it could be the cause of other stuff breaking.

If you're randomly seeing images, then it could be down to your own cache.

Best way to start debugging this is to disable ALL plugins and see if that fixes it. If it does, start enabling them one at a time until it breaks. If disabling all plugins doesn't fix the issue, then it's either a problem with your theme or a problem with WordPress itself.
0
mel200Author Commented:
Well, this sucks beyond all belief. I hate wordpress. All the images are there, they were there yesterday, they are there when I edit the page, and they are not there in the source code. And the answer is always "It's a problem with the theme or the plugins." What a crappy development.

Thanks for your advice, I'm just freaking sick of these issues, I'd rather write the code from scratch then deal with this idiotic platform.
0
mel200Author Commented:
OK, I have disabled all plugins and changed the theme. I still don't have images. Thoughts? Thanks.
0
Angular Fundamentals

Learn the fundamentals of Angular 2, a JavaScript framework for developing dynamic single page applications.

mel200Author Commented:
Next note: Bluehost support suggested I enable parallax, and that brought the images back, but I'm also missing background colors, and the images are't acting as they did. Want to have another look?
0
mel200Author Commented:
I am not sure why enabling parallax effect brought the images back. But we don't want that effect, so kind of a problem. It seems like the browser isn't getting some of the css? argh... help?

I've re-enabled the plugins and gone back to Divi theme.
0
mel200Author Commented:
Ok- final answer. I had added this code because the woo-commerce add to cart buttons were graying out on hover. Removed this CSS and removed the parallax effect, and all went back to normal. Any idea why this css would affect the images and background colors on the home page? :)

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
    color: #666 !important;
    background-color: #00a6e4!important;
    border-color: #00a6e4 !important;
    box-shadow: 0 0.25em 0 0 rgba(167, 16, 2, 0.58),0 4px 9px rgba(0,0,0,0.75);
}
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Chris StanyonWebDevCommented:
Not sure why that particular CSS would break your site. The password you provided is no longer valid so I can't check it anymore.

Glad you got it working
1
mel200Author Commented:
It was what actually worked, and I think will remind people to check recent CSS in these situations.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.