I have a WordPress site that is built and styled (Enfold Theme), the last step in the process was embedding a 3rd party trading application that is served through javascript. The problem is the theme CSS is conflicting with the app. I started writing overiding CSS rules to fix the app layout but its becoming a near impossible task as well as the app vendor does periodic updates to their app which means my CSS may not work in future. I have tried iframes but this is also not an option as height needs to resize dynamically and the user session needs to be maintained locally.
I need to know if there is a way to create a custom page template where I can block the theme CSS on a section / div so that the app CSS remains in tact and served as it should be or if there is a plugin of sorts that can solve this.
Please if someone can give some direction or ideas it will be appreciated.
In the header.php, you can distinguish other style and desired page template as follow;