Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey,

    Yes you can have this a effect.

    Here is the code:

    a{
        color: #ed5951;
        padding: 0.1em 0.2em;
        text-decoration: none;
        border-bottom: 2px solid #ED5951;
        -webkit-transition: background-color 1s ease 0s;
        -moz-transition: background-color 1s ease 0s;
        -ms-transition: background-color 1s ease 0s;
        -o-transition: background-color 1s ease 0s;
        transition: background-color 1s ease 0s;
        outline: none;
    }
    a:hover{
        background-color: #ed5951;
        color: #ffffff;
        text-decoration: none;
        border-bottom: 0px solid #ED5951;
    }

    Do let me know if you run into in any issue.

    Thread Starter elfmagic

    (@elfmagic)

    Thanks.

    I would put this code in the style.css script in the theme? Would you know what theme the author is using for his script in the example above?

    Hey,

    You can put this code in your theme’s style.css and they using Featherlite premium theme.

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

The topic ‘Custom underline on links.’ is closed to new replies.