[Resolved] Design broken of Toolbox blocks due to setup in WP Rocket

[Author]

Posts

[davidW-32]

We purchased the WP Rocket plugin since it is compatible with Toolset. We need to set up WP Rocket in connection with the use of Toolbox blocks. We followed the advice in a similar post on this form and excluded
/wp-content/plugins/toolset-blocks/public/css/views-frontend.css
and
/wp-content/plugins/toolset-blocks/(.*).js
/wp-content/plugins/types/(.*).js
from the CSS/JS File Optimization features in the WP Rocket setup (please see attached screenshots).
This works fine for many pages using Toolbox blocks; e.g. hidden link
But on hidden link the design is broken (this page contains three times the same design as used in the top of hidden link where it is shown correctly). You can see the design on hidden link.

Do we need to exclude any additional CSS/JS files from the CSS/JS File Optimization features in the WP Rocket setup?

Thank you very much for your kind assistance.

[Luo Yang]

Hello,

Please follow our document to exclude Toolset CSS/JS files from WP Rocket plugin:
https://toolset.com/faq/how-to-use-optimization-plugins-with-toolset/
How to use Optimization Plugins with Toolset

[davidW-32]

Hi Luo,

thanks for the link. I already went through this documentation before. But I was hoping that we would not need to exclude ALL of these Toolset resource files from the optimization plugin. Could you help us to narrow this a bit down to the needed resource files?

[Luo Yang]

In your case, you just need to exclude those CSS/JS files from Toolset Blocks plugin, see above document, section "Toolset Blocks".