Change hover textlink in widget – and delete underline

  • Resolved Roel1982

    (@roel1982)


    9 years, 3 months ago

    Hi,

    I want to change the color of the hover in the textlinks in the widgets, see: new.screenconsultants.com – Free useful downloads.

    If possible with the same layout as the textlinks in the footer (See footer: disclaimer, privacy policy, sitemap).

    So just in the widgets: a textlink without an underline. Color of the hover: #8d9095 and an underline as hover.

    Thanks!

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

  • Hi there!

    If I’ve understood correctly I think this snippet of CSS will do the trick for you…

    #text-36 .textwidget a {
  text-decoration: none;
}

#text-36 .textwidget a:hover {
  text-decoration: underline;
  color: #8d9095;
}

    That will target only the ‘Free Useful Downloads’ section.

    I hope that helps!

    Cheers,

    Luke

    Thread Starter Roel1982

    (@roel1982)

    Hi Daftduke,

    Thanks, it works!

    If I want the same function for ‘Most popular pages’ do I have to insert the same code (with text-37 instead of text-36) or can I combinated these into one code?

    Thanks!
    Roel

    Thread Starter Roel1982

    (@roel1982)

    Hi Daftduke,

    I think I found the solution:

    I changed #text-36 into .wf-container

    Thanks for your help!

    Thread Starter Roel1982

    (@roel1982)

    I mean into this code:

    .textwidget a {
    text-decoration: none;
    }

    .textwidget a:hover {
    text-decoration: underline;
    color: #8d9095;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change hover textlink in widget – and delete underline’ is closed to new replies.