Forums

[resolved] Text hover effect (see example) (5 posts)

  1. rawkid
    Member
    Posted 2 years ago #

    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.

    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.

    Thank you in advance.

    Johnny P.

  2. faevilangel
    Member
    Posted 2 years ago #

    to have the hover underline show the same colour as the text

    style.css of your theme

    find

    a:hover {

    add

    text-decoration:underline;
  3. rawkid
    Member
    Posted 2 years ago #

    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.

  4. faevilangel
    Member
    Posted 2 years ago #

    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

  5. rawkid
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic