Slider Not Showing up in Tapptastic

Hey all, so I’m new to WordPress and a new developer, so I humbly accept I know very little and have a lot to learn!

I inherited a website to update (my own when my web dev guy had to move), and need to make some updates. The site is https://www.kitchenwizard.com. The template is from Tapptastic which we’ve used some HTML to reformat and are in the process of polishing (you’ll notice plenty of rookie errors mixed with unformatted pictures, but I’d rather give you a raw look instead of try to pretend like I know what I’m doing).

My biggest issue I can’t seem to solve is the slider arrows for the main slider. I can click on the space they should be and they work, I can inspect the element and they’re there, and I even checked the opacity on them and it’s at .9. I quite frankly can’t figure out why they don’t show up on the page. As I can’t seem to edit the HTML for the slider, I’m lost. Here’s the code for my HTML editor:

[raw]
[section bg="default" effect="default" img=""]

[sliders slider_id="53342a9772d28"]

[/section]

I read somewhere to add the following to my PHP (but quite frankly I don’t know what plugin I’m using… nor how to figure that out, so I could use wisdom there!). I’ve added this to the bottom of my Akismet PHP Editor (I have no idea what Akismet means):

/**
 * Add jquery support
 */
function jquery_scripts() {
     wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'jquery_scripts' );

I also added the following to the very bottom of my CSS Taptastic Child File:

.flex-container.fade { opacity: 1 !important; }
.flex-container .flex-direction-nav li a:hover { background: url('images/slider-arrows-horizontal.png') no-repeat scroll 0 -18px !important; }

All in all, I’m trying to do the best I can with my knowledge, but openly admit I’m like an infant with coding. Please assume I don’t know to much if you’re able to help, and I’m more than willing to google anything to learn, I’m just not sure what I need to learn. Thank you!