Override theme style with other CSS on a specific page

Question

The wordpress theme I bought has some jQuery UI styling included in its default CSS file. The problem is I have a plugin that uses jQuery UI and the theme's default CSS makes the plugin corrupted. I want the default jquery UI CSS file to override UI styling contained in my theme's CSS file.
I see some people mentioned using Enqueue to make the jQuery CSS load in the bottom of the page, but I don't know how to do this. Thanks.

Answer 1

You might be able to try something like this in your footer:

<?php
function my_scripts_method() {
    wp_enqueue_script('<script name>','<script source>');            
}    

add_action('wp_enqueue_scripts', 'my_scripts_method'); // For use on the Front end (ie. Theme)
?>

Where <script> is the name of the script and <script source> is where it lives within your WP install.

If that doesn't help, maybe some of the other coding on the WP Codex page might help, wp_enqueue_script