How can we set the hover color for some links in this page

[Bitedge]

Hi guys,

Generally links on my site are blue but on this one page http://www.bitedge.co/bitcoin-sportsbook-reviews/ (post=5) I wanted to make the headings (which are H1) links but keep them #222222 so I used this HTML

<h1 style="text-align: center;"><a title="Go to Cloudbet" href="http://www.bitedge.co/goto/cloudbet" target="_blank" rel="nofollow"><span style="color: #222222;">Cloudbet</span></a></h1>

But I want them change color to #4b9ef2 when they are hovered over, How can we do that?

Thanks

[Mohammad – SUPPORT]

Hi,
Please use this code:-
<h1 class=”myHeadingStyle” ><span>Cloudbet</span></h1>

And insert this custom css code:-

.myHeadingStyle{
text-align: center;
}
.myHeadingStyle span{
text-align: center;
color: #222222;
}

.myHeadingStyle span:hover{
text-align: center;
color: #4b9ef2;
}

Thanks
Mohammad

[Bitedge]

Can you please paste the HTML in code brackets so I can see what is in the link, thanks

[Mohammad – SUPPORT]

Hi,
Link is same as your code.
Thanks
Mohammad

[Bitedge]

Can you please paste the HTML in code brackets so I can copy and paste exactly what you are suggesting I do because as best I can figure it out it’s not working.

[David Martin – Support]

<h1 style="text-align: center;"><a title="Go to Cloudbet" href="http://www.bitedge.co/goto/cloudbet" target="_blank" rel="nofollow"><span>Cloudbet</span></a></h1>

Thanks.

[Bitedge]

That did not work, it did not reference the style we just set up. This works

<h1 class="myHeadingStyle" ><a title="Go to Cloudbet" href="http://www.bitedge.co/goto/cloudbet" target="_blank" rel="nofollow"><span>Cloudbet</span></a></h1>

[Mohammad – SUPPORT]

Hi,
I am glad that your issue resolved.
Thanks
Mohammad

[Bitedge]

Oh but there is one problem, switchng betweein visual and text editor removes the

<span></span>

tags and breaks the style, any way to fix that?

[Bitedge]

Also I would like to set the hover colorto be the same color as the normal links on my site. What is the color code for the blue of the normal text links around my site?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

a:hover{
color: #4b9ef2;
}

Thanks
Mohammad