Title: Text hover effect (see example)
Last modified: August 19, 2016

---

# Text hover effect (see example)

 *  Resolved [rawkid](https://wordpress.org/support/users/rawkid/)
 * (@rawkid)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/text-hover-effect-see-example/)
 * Hi,
 * I’m an absolute no-coder but (unfortunately) i have to do everything myself. 
   I would like to know how to achieve [this hover effect](http://wp-themes.com/neutica/).
 * Not the underline, but the one with the filled block.
 * If someone could kindly explain me step-by-step where to look and where to edit
   the code.
    I have looked for tutorials and found some. Unfortunately these were
   not specifically for WP and i really wouldn’t know how to translate those tutorials
   to WP.
 * [My website](http://www.rawkidrocks.com).
 * Thank you in advance.
 * Johnny P.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [gareth gillman](https://wordpress.org/support/users/faevilangel/)
 * (@faevilangel)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/text-hover-effect-see-example/#post-1189994)
 * to have the hover underline show the same colour as the text
 * style.css of your theme
 * > find
 *     ```
       a:hover {
       ```
   
 * add
 *     ```
       text-decoration:underline;
       ```
   
 *  Thread Starter [rawkid](https://wordpress.org/support/users/rawkid/)
 * (@rawkid)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/text-hover-effect-see-example/#post-1190004)
 * Hi Faevilangel,
 * The underline effect is the one that i **don’t** want. It is the other one that
   i want. But thanks for the quick respons.
 * Johnny.
 *  [gareth gillman](https://wordpress.org/support/users/faevilangel/)
 * (@faevilangel)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/text-hover-effect-see-example/#post-1190006)
 * ah rght, sorry
 * in the style.css
 * add this instead
 *     ```
       background:yellow;
       ```
   
 * change yellow to the colour name or use the hex code for the colour, some can
   be found at
    [http://www.w3schools.com/css/css_colornames.asp](http://www.w3schools.com/css/css_colornames.asp)
 *  Thread Starter [rawkid](https://wordpress.org/support/users/rawkid/)
 * (@rawkid)
 * [16 years, 9 months ago](https://wordpress.org/support/topic/text-hover-effect-see-example/#post-1190014)
 * I can’t believe that was all it took… But again, i am a no-coder :S
    Hahaha. 
   Thanks Faevilangel, this topic is resolved!
 * Kind regards,
 * Johnny.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Text hover effect (see example)’ is closed to new replies.

## Tags

 * [block](https://wordpress.org/support/topic-tag/block/)
 * [effects](https://wordpress.org/support/topic-tag/effects/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [mouseover](https://wordpress.org/support/topic-tag/mouseover/)
 * [rollover](https://wordpress.org/support/topic-tag/rollover/)
 * [text](https://wordpress.org/support/topic-tag/text/)

 * 4 replies
 * 2 participants
 * Last reply from: [rawkid](https://wordpress.org/support/users/rawkid/)
 * Last activity: [16 years, 9 months ago](https://wordpress.org/support/topic/text-hover-effect-see-example/#post-1190014)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics