New to the community? Start here

[Hustle Pro] Embeds disappears from my site

Suddenly, I can’t see the Hustle Pro embeds added to my site. When I checked the console I noticed that all Embeds opacity is set to “0”. When I changed to “1” it appears again.

Fri, 19 Jul 2019 6:13:20
More Hustle Pro discussions
Hustle Pro
  • Adam
    • Support Gorilla

    Hello Workhorse

    I hope you’re well today and thank you for your question!

    I checked the site using four browsers – Chrome, Firefox, Opera and Edge – and in all cases I can see these embeds (with opacity 1) there, both regular and incognito mode. I did’t even had to disable ad-blocker add-on in Firefox.

    From the chat I understand that it started to be happening for you after the recent update, right? The 4..0.0.1 update didn’t bring any specific changes that could affect this, though the previous update did include some serious changes in markup/CSS that possibly could cause issues if either there’s a custom CSS used or assets got cached.

    I know that you tried more than single browser but was any of them never used to visit the site before? I’m asking because I think it might be related to browser cache. Have you tried first clearing WP-Rocket cache completely and after that clearing browser cache or trying in incognito mode?

    If yes and that didn’t work, can you please tell me what browsers and on what OS have you tried, including version numbers? Also, do you have any add-ons (mostly ad-blocking or similar) enabled in these browsers?

    Let me know, please.

    Best regards,

    Adam

  • Workhorse
    • New Recruit

    Hi there! thanks for looking into this. After my chat with Mohammad, I got it to work by clearing the CDN cache for all of the Hustle JS files. I didn’t think to do that before b/c they all haver a unique cache busting string of ?ver=4.0.0.1 so I assumed the would be refreshed on upgrading. In his defense, Mohammad did recommend clearing the cache, but at that time I only cleared the page cache, not the CDN.

    Also another thing I’d note about upgrading – When Hustle 4.0 tried to rewrite our custom CSS rules, it converted media queries into thousands of lines of redundant CSS. It caused pages to bloat to 25MB!

    Luckily it was easy to simple delete the extraneous code and address.

    Thanks!

  • Predrag Dubajic
    • Support

    Hi Workhorse,

    Thanks for the update here and I’m glad to hear that clearing CDN cache did the trick for you.

    I’m not however sure that I understand the issue with rewriting custom CSS rules.

    Where was this CSS code added, in Hustle CSS fields or in default WP custom CSS field?

    We would like to investigate this further from our end so any further information, like CSS examples and where they were added should help us out.

    Best regards,

    Predrag

  • Workhorse
    • New Recruit

    Sure. So, essentially we had some custom CSS in the Hustle “Custom CSS” settings field, like this:

    @media only screen and (min-width: 782px) {
    
...some styles here.
    
}

    After upgrading, it duplicated that over and over, but commenting it out, which ended up causing a 25 MB or so page weight. Something like this:

    /*@media only screen and (min-width: 782px) {
    
...some styles here.
    
}*/

    But that repeated with multiple comments, like:

    /*/*/*/*@media only screen and (min-width: 782px) {
    
...some styles here.
    
}*/*/*/*/

    I’m writing that from memory as I deleted the extraneous ones.

    Hope that helps!

  • Adam
    • Support Gorilla

    Hi Workhorse

    I just tried to replicate this on my end by putting some custom CSS similar to yours into Hustle’s previous releases (3.9 and 4) and updating it to most recent one but no luck – there was still just what I put there.

    I did took another look at your site though and I noticed some additional cache that seems to be targeted towards posts and options specifically. Hustle data is stored in DB as posts, post meta and options and I’m wondering if that could have some impact on it (not ruling out also – in conjunction with WP Rocket). I admit though I’m not sure what that cache is – it’s from some plugin? I’m asking because I might have missed something. I’m referring to the “Setings -> Cache Serttings” configuration…

    Let me know please.

    Best regards,

    Adam

  • Predrag Dubajic
    • Support

    Hi Workhorse,

    Thanks for the additional information, I did few more tests on my end and it seems that the issue is specific to WP Engine, I’m guessing it’s related to their caching.

    I tested on three different sites and only the one hosted with WP Engine had this issue.

    I have created a report for our developers to see what we could do about this from our end.

    Best regards,

    Predrag