Creative Cufon on the H1 tag?

Discussion in 'ColorWay WordPress Theme' started by soozq62, Jul 1, 2013.

  1. soozq62

    soozq62 New Member

    Joined:
    May 31, 2013
    Messages:
    2
    Likes Received:
    0
    I’ve noticed a strange behavior of the html regarding your ink theme.

    This on our page http://carelearningacademy.com/donationsvolunteers/


    When I enclose text with an H1 tag, the theme splits individual words within that tag with some Cufon redefines. There must be some error that I’m not noticing as this couldn’t be correct. Here’s the sample from Firebug:
    <h1>
    <cufon class="cufon cufon-canvas" alt="WE " style="width: 44px; height: 28px;">
    <canvas width="89" height="32" style="width: 89px; height: 32px; top: -3px; left: -8px;"></canvas>
    <cufontext>WE </cufontext>
    </cufon>
    <cufon class="cufon cufon-canvas" alt="NEED " style="width: 71px; height: 28px;">
    <canvas width="115" height="32" style="width: 115px; height: 32px; top: -3px; left: -8px;"></canvas>
    <cufontext>NEED </cufontext>
    </cufon>
    <cufon class="cufon cufon-canvas" alt="YOUR " style="width: 77px; height: 28px;">
    <canvas width="121" height="32" style="width: 121px; height: 32px; top: -3px; left: -8px;"></canvas>
    <cufontext>YOUR </cufontext>
    </cufon>
    <cufon class="cufon cufon-canvas" alt="DONATIONS " style="width: 154px; height: 28px;">
    <cufon class="cufon cufon-canvas" alt="OF " style="width: 41px; height: 28px;">
    <cufon class="cufon cufon-canvas" alt="TIME " style="width: 59px; height: 28px;">
    <cufon class="cufon cufon-canvas" alt="AND " style="width: 60px; height: 28px;">
    <cufon class="cufon cufon-canvas" alt="TALENT." style="width: 87px; height: 28px;">
    </h1>
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Go to js > custom.js present in your theme directory and remove the code given below

    Code:
    //Cufon replacement
    Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6');    
    Sending image for reference

    2013-07-02_1251.png


    This will solve your issue.
     

Share This Page