Divi 4 How To Clear The CSS File Cache,

by | Dec 18, 2019 | Divi Theme, Web Design

Divi 4 How To Clear The CSS File Cache. The Divi theme from elegant themes is absolutely awesome. Whenever I have a WordPress build, it’s my go-to theme every time. I have built many, many sites with the Divi theme and it just keeps on getting better. Elegant themes keep adding features, and tools to increase your productivity, as well as ease of use and site load speed. So, if you are building a WordPress site, I recommend you give it a try. You will not be disappointed!

I ran into an interesting problem when trying to clear some CSS on my Divi 4 website. I had written some custom CSS code for my menu links, to turn them into pill shaped buttons. I decided to delete the CSS and return the links to their normal state with no decoration. I went into my custom CSS panel by coming to dashboard, divi, and then theme options. On the general tab the custom CSS box he’s at the bottom off the page.

I went into the custom CSS box uncommon today out all of the CSS for the custom menu links. I hit the save button and returned to the site. Hunt’s back at the site I hit the refresh button expecting to see the menu links return to the default state. To my surprise they appeared exactly the same, with all my custom styling still showing. I returned to the custom CSS box to double-check that I had actually commented the CSS out, sure enough, I had.

I tried clearing the cache and hard loading the browser tab, by hitting F12, to bring up the Chrome inspector, then right clicking on the tab refresh arrow, and selecting the clear cache and hard reload option. To my surprise, again when it reloaded, the custom styles were still in place.

I tried clearing the cache and hard loading the browser tab, by hitting F12, to bring up the Chrome inspector, then right clicking on the tab refresh arrow, and selecting the clear cache and hard reload option. To my surprise, again when it reloaded, the custom styles were still in place.

After a bit of Investigation, I finally found the solution. If you go back to dashboard, down to divi, and then scene options again. This time go to the Builder tab, once their click on advanced. The top entry says static CSS file generation, flip this slider from enabled to disabled, hit the green save changes button underneath. Return to your site and hit refresh. This time you should see that the CSS has been cleared and the links have returned to normal. If you wish you can go back into the Divi theme options and re-enable the static CSS file generation button.

For our readers, get any of the below courses for just $9.99 each. Just contact me with the course name and I’ll email you the discount coupon.

Subscribe To Our Newsletter

Join the System 22 mailing list to receive the latest tech tips, deals and updates from our team.

We will never spam or share your email!

You have Successfully Subscribed!

Pin It on Pinterest

Share This