CTA link hover effects

Permalink Browser Info Environment
I've gotten rid of the "Read More" stuff and turned the title into a link. When I try to apply the pseudo hover effect, I just can't get it to work. Any thoughts?

My CSS:

#ctaShell { padding: 0 0 5px; overflow: auto; border-bottom: 1px solid #dad7c5; margin: 0 0 0; }
body.subpage #ctaShell { border-bottom: none; border-top: 1px solid #dad7c5; margin: 50px 0 0; padding: 25px 0; }

#ctaShell .cta { width: 222px; float: left; margin-left: 90px; padding: 0 0 0 20px; background-position: 15px 0; background-repeat: no-repeat; text-align: center;}
#ctaShell .cta:first-child { margin: 0; }
/*#ctaShell .cta.cta1 { background-image: url(../img/bgCta1.gif); }
#ctaShell .cta.cta2 { background-image: url(../img/bgCta2.gif); }
#ctaShell .cta.cta3 { background-image: url(../img/bgCta3.gif); }*/

#ctaShell a.ctaTitle { font-size: 34px; color: #82A039; display: block; margin: 0 0 12px; }
#ctaShell a.ctaTitle:hover { text-decoration: underline; color: #E4744F; }
#ctaShell .ctaDesc { font-size: 16px; color: #99968f; display: block; margin: 0 0 20px; }

The HTML:

<div class="cta">

<a class="ctaTitle" href="<?php echo $theLink ?>"><?php echo $ctaTitle?></a>
<span class="ctaDesc"><?php echo $ctaDesc?></span>

</div>

Type: Discussion
Status: New
rsi
View Replies:
rsi replied on at Permalink Reply
rsi
The HTML:

<div class="cta">

<a class="ctaTitle" href="<?php echo $theLink ?>"><?php echo $ctaTitle?></a>
<span class="ctaDesc"><?php echo $ctaDesc?></span>

</div>
rsi replied on at Permalink Reply
rsi
<div class="cta">

<a class="ctaTitle" href="/link"><?php echo $ctaTitle?></a>
<span class="ctaDesc">description</span>

</div>
rsi replied on at Permalink Reply
rsi
<div class="cta">

<a class="ctaTitle" href="/location">link</a>
<span class="ctaDesc">description /span

/div
rsi replied on at Permalink Reply
rsi
I give up on providing the HTML code. >.< Just go tohttp://ruralsolutions.com/mnvalley...
rsi replied on at Permalink Reply
rsi
<div class="cta">
                    <a class="ctaTitle" href="<?php  echo $theLink ?>"><?php  echo $ctaTitle?></a>
                    <span class="ctaDesc"><?php  echo $ctaDesc?></span>
                </div>
Vivid replied on at Permalink Reply
Vivid
You're on the right path.

go to: packages/rigidlight/themes/rigidlight/js/functions.js

and change

Cufon.replace(".simple-logo-block .largeWhite, .cta .ctaTitle, #mainShell h1, #mainShell h2, #mainShell h3", { fontFamily: "WhitneyCondensed" });

to
Cufon.replace(".simple-logo-block .largeWhite, .cta .ctaTitle, #mainShell h1, #mainShell h2, #mainShell h3", { hover: true, fontFamily: "WhitneyCondensed" });

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.