Custom underline on links.

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

    (@pixellanguage)

    10 years, 6 months ago

    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)

    10 years, 6 months ago

    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?

    pixellanguage

    (@pixellanguage)

    10 years, 6 months ago

    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.