Link Hover Color in 2011 theme

  • Resolved Hazlo

    (@hazlo)


    13 years ago

    Hello there,
    I’m just looking for a code I could add to my twenty eleven child theme css, in order to change the color (and eventually the size, of the frame that comes out when I hover over a linked image.
    Does anyone know?
    I’ve been searching around, in the old topics, but couldn’t find. Any help would be greatly appreciated.
    Thx!
    https://www.hazlotopics.com/blog

Viewing 2 replies - 1 through 2 (of 2 total)
  • peredur

    (@peredur)

    I think that this is the rule you’re after:

    a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
  background: none repeat scroll 0 0 #EEEEEE;
  border-color: #BBBBBB;
}

    You’ll need to decide which ones of those you want to affect with your new rule and then add a new border rule.

    Firebug rules!

    ??

    HTH

    PAE

    Thread Starter Hazlo

    (@hazlo)

    That’s great.
    I think I got it now.
    You’re right : never forget Firebug!!
    Thanks a lot.
    All the Best.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Link Hover Color in 2011 theme’ is closed to new replies.