WordPress.org

Support

Support » Plugins and Hacks » Hover not working (I have read the other posts on this)

Hover not working (I have read the other posts on this)

  • tobyleeming
    Member

    @tobyleeming

    Hi There,

    I have seen the two other solutions to this on the forums and have tried both, but neither replicate my code and so when I try it I just seem to break the code and stop the font replacement altogether.

    My code is:

    Cufon.set(‘fontFamily’, ‘Akkurat’).replace(‘h1’)(‘h2’)(‘h3’)(‘#sidebar’);

    Ideally id apply hover true to all classes or class specific. Any suggestions on code that would work would be greatly appreciated.

    Thanks in advance

Viewing 2 replies - 1 through 2 (of 2 total)
  • keithdevon
    Member

    @keithdevon

    I’d love an update on this also.

    I’m using the following:

    Cufon.set('fontFamily', 'ITC Avant Garde Std Bk').replace('a')('h1')('h2')('h3')('h4')('p')('li')('#access .menu')('#access div.menu ul')('#couples h3')('#pros h3')('.textwidget');
    
    Cufon.set('fontFamily', 'ITC Avant Garde Std Md').replace('strong')('h3')('#footer h4')('#footer h3')('h1.entry-title');

    I would like to be able to set hover states for my links. I added changed to the following:

    Cufon.set('fontFamily', 'ITC Avant Garde Std Bk').replace('a', {hover: true})('h1')('h2')('h3')('h4')('p')('li')('#access .menu')('#access div.menu ul')('#couples h3')('#pros h3')('.textwidget');
    
    Cufon.set('fontFamily', 'ITC Avant Garde Std Md').replace('strong')('h3')('#footer h4')('#footer h3')('h1.entry-title');

    This hasn’t made any difference. I was able to get a hover effect working by adding:

    Cufon('a', {hover: {color: 'aqua'}});

    … to the top of the code. However this was very buggy. The links would change color but also turn bold.

    Cufon('a', {hover:true});

    means that the color doesn’t change, but again the links turn bold.

    Can someone please shed some light on this!

    keithdevon
    Member

    @keithdevon

    OK. I got it kind of working. Here’s what I used:

    Cufon.replace('a', { fontFamily: 'ITC Avant Garde Std Bk', hover: true });
    
    Cufon.set('fontFamily', 'ITC Avant Garde Std Bk').replace('h1')('h2')('h3')('h4')('p')('li')('#access .menu')('#access div.menu ul')('#couples h3')('#pros h3')('.textwidget');
    
    Cufon.set('fontFamily', 'ITC Avant Garde Std Md').replace('strong')('h3')('#footer h4')('#footer h3')('h1.entry-title');

    The text-decoration:underline that I set for the hover state didn’t work, so I used border-bottom instead. Colors now change and nothing turns bold that shouldn’t. Weird.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hover not working (I have read the other posts on this)’ is closed to new replies.