WordPress.org

Support

Support » How-To and Troubleshooting » How do I make text in a page Hoverable (if that is a word).

How do I make text in a page Hoverable (if that is a word).

Viewing 3 replies - 1 through 3 (of 3 total)
  • You mean you want to change the link color during mouseover?

    You do that via your theme’s CSS code, changing the a:hover class

    See http://www.w3schools.com/CSS/css_pseudo_classes.asp

    Does that mean that it is not possible to change the code on a specific page instead of the theme? Being a rookie maybe I shouldn’t ask this question but wouldn’t it make sense that I would have the ability to add some sort of code to the above html string so that the words would change color upon a mouseover?

    It is possible to make an inline change but putting something in your CSS is better (or rather, it’s deemed better, and at the end of the day, often easier to keep all your CSS and such in the css file, so if you change your mind later, it’s easier to change without having to go to each template or post).

    Add the custom color to your css like this

    a.special:hover {color:#FF0000}

    And then make your link this:
    <a href="http://your.link.com/here" class="special">Click here to view our Products & Services</a>

    or

    <div class="special">
    <a href="http://your.link.com/here">Click here to view our Products & Services</a>
    </div>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I make text in a page Hoverable (if that is a word).’ is closed to new replies.