What is cufon and canvas and how to overwrite them

Question

In my Wordpress theme I had a hover effect on my top menu but then it suddenly stopped working and I don't know why, so I tried to inspect element to see what was going on and also tried to add a css class like this to try to get the over effect back:

#navigation li a:hover{color:#b0d719 !important;}

But it's not working, then I realized something in html... those cufon and canvas thing which I don't know what it is and also don't know how to overwrite them to accomplish this to get the hover effect back again on the navigation bar.

Here's my website link and here's a image preview where this is happening as well

Answer 1

I don't know that library, but I think that removing the following code will solve your problem:

Cufon.replace('#navigation > ul > li > a', {
    textShadow: '1px 1px rgba(0, 0, 0, 0.2)',
    hover: {
        color: linksColor
    }
});

There are some other Cufon.replace calls you may want to remove.

Also, if you don't want that library, you could remove

<script type='text/javascript' src='http://tv.pulseframe.com/wp-content/themes/trademark/files/js/cufon.js?ver=4.0'></script>

but it may break your script.js and theme.js scripts.