WordPress.org

Ready to get started?Download WordPress

Forums

WP-Cufon
Hover not working (I have read the other posts on this) (3 posts)

  1. tobyleeming
    Member
    Posted 2 years ago #

    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

  2. keithdevon
    Member
    Posted 2 years ago #

    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!

  3. keithdevon
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags