What is cufon and canvas and how to overwrite them


Tags: html,css,wordpress,canvas,cufon

Problem :

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

enter image description here



Solution :

Well after a few tests removing shorts of codes and stuff I just figured it out. I had this code above of all of those JS scripts and CSS as well in header

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
// document ready equivalent
$(function(){
   // hide
   $( "#share-stuff" ).hide();

   $( "#clickme" ).click(function() {
    $( "#share-stuff" ).slideToggle( "slow", function() {
     // Animation complete.
    });
  });
});
</script>

Then I removed it and the hover effect worked well, so I moved this to below of all of the Js and CSS placed in the header and it is working now, but still don't know why is this, neither what's the reason of doing that, still I would like to know


    CSS Howto..

    how to add bootstrap, css, images ,js into google app engine?

    How to get same effect as jQuery's slideToggle using CSS 3 transitions?

    CSS Div with background image - how to allow for expansion of div on page?

    How to include this basic html (CSS, JavaScript) template into a php file?

    How to properly set the 100% DIV height to match document/window height?

    How to indent the text in a custom unordered list

    How do I make footer take 100% of the width of the webpage?

    How to prevent conflicts between css rules

    How to switch tabs and change css class on click using Angular2?

    How to keep background image on css gradient

    How to reset inline css applied by jquery?

    How do you name these tags in CSS? [closed]

    How to Remove the Awkward Margin to the Left of my Unordered List?

    How to make IE 9 work with Bootstrap Multiselect plugin by davidstutz?

    Background image url is not showing the image

    Showing the div when display is set to none

    How to change CSS to the same class but another input name

    How to display text over responsive image by css

    How can I add to an image an HTML link using Google Chrome extension?

    How to change scrollbar position from bottom to top of the element?

    Using CSS, how can I change the alignment of a click-to-open UL menu?

    How to give different content to every td in the table

    CSS how to vertically center image and text without changing style of image

    How to link another page using button? [closed]

    How to Load Resources (Css, js files) in Laravel 4 (Optimization)

    How to override default tag css to normal?

    How can I center a box in CSS?

    How to place divs three in a row with css and html

    CSS styles “leaking” to non-intended elements, why does it happen and how to prevent it?

    how to prevent link padding during hover from extending paragraph padding