I've encountered an issue with my CSS file. I tried using the code below:
text-decoration: none;
However, the text is not displaying as expected. I had to resort to using JavaScript for adding a hyperlink behind the text, which I believe is causing the problem with the text decoration. Additionally, I am unable to apply different colors for hover and mouse-over effects on the text.
Below is the code snippet I used:
$(function()
{
$('.maincaptionsmall').wrapInner('<a href="http://google.com"></a>');
});
And here is the corresponding HTML code:
<span class="maincaptionsmall">Home</span>
Despite applying `text-decoration: none` in both the CSS file and within the inline href code, the desired effect is still not achieved.
I am aiming to remove the underline from the "Home" text and implement a different color upon hovering, similar to this:
:hover { color: yellow; }
Thank you for your help!