CSS Cache Issue

  • Resolved rscarter1

    (@rscarter1)


    10 months ago

    Hello, I’m having a caching issue and can’t figure it out. We use WP Rocket and Cloudflare. If I clear the cache, the pop up form (which you can test by using the button in the top right) looks great. The title bar is in blue and the form is small. But after an hour, it reverts back to no styling. I have tried so many configurations. In WP Rocket, I have added /popups-for-divi/ to the exclusion lists. I’m not sure what to do.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • mpmchugh

    (@mpmchugh)

    10 months ago

    Just came here to research the same exact issue. Popups for Divi losing it’s CSS.

    Works after clearing the cache, and then falls apart after a time. I’ve added the following to the CSS exclusions to no avail….

    .popup_outer_wrap
    .popup
    (.*).popup_outer_wrap(.*)
    (.*).popup(.*)

    And just added the following to the js delay exclusions:

    /popups-for-divi/
    /popups-for-divi/(.*)
    /popups-for-divi/scripts/(.*).js

    So far, it’s sticking with those js additions, but will check again later…

    • This reply was modified 10 months ago by mpmchugh.
    Thread Starter rscarter1

    (@rscarter1)

    10 months ago

    @mpmchugh – When I add those exclusions to the delay js the popup doesn’t show at all for me. Oddly.

    mpmchugh

    (@mpmchugh)

    10 months ago

    It didn’t stick for me either. After a while the popups lost their css again… (without caching vs with after a while)…

    https://www.dropbox.com/scl/fi/givsdtixprl1gb5zze8q4/Screenshot-2025-07-29-at-3.10.08-PM.png?rlkey=nhkefgbdv65b37ef2cw7y5c3z&dl=0

    Thread Starter rscarter1

    (@rscarter1)

    10 months ago

    Same. Are you using Cloudflare too or just Rocket?

    mpmchugh

    (@mpmchugh)

    9 months, 3 weeks ago

    WP Rocket with KeyCDN—site is hosted on a AWS VPS.

    Thread Starter rscarter1

    (@rscarter1)

    9 months, 2 weeks ago

    @mpmchugh – I tried every config I could find but nothing worked so I created my own popup with a Divi section and my own script. It works and holds the CSS.

    mpmchugh

    (@mpmchugh)

    9 months, 2 weeks ago

    I ended up disabling the CSS optimizations for that page via WP Rocket’s page settings, and that worked for me for now.

    I disabled:

    Remove Unused CSS
    Load JavaScript deferred
    Delay JavaScript execution

    Plugin Contributor devjenndivilife

    (@devjenndivilife)

    8 months, 3 weeks ago

    Hi @rscarter1,

    Thank you for reporting the issue. We improved compatibility with WP Rocket on our latest release.

    Please update to the latest version 3.2.0

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

The topic ‘CSS Cache Issue’ is closed to new replies.