WordPress.org

Support

Support » Themes and Templates » Spun » [Resolved] Grey Circles Colour when Active

[Resolved] Grey Circles Colour when Active

  • Hello Community!

    This is my first WordPress site, so I apologize in advance for my naivety!

    Currently I have the Spun default set so that the post-circles are gray. What I would like to have happen, is for them to be in colour when you mouse over them (active?)

    – I do have the Custom CSS Manager installed.

    Thank you in advance!

    http://www.audreydelamont.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Try adding this in your Custom CSS Manager:

    .blog .hentry a:hover img,
    .archive .hentry a:hover img,
    .search .hentry a:hover img,
    .blog .hentry a:focus img,
    .archive .hentry a:focus img,
    .search .hentry a:focus img  {
     filter: none;
    }

    What you want works in current versions of Chrome & Opera.
    IE shows it in color at all times
    Firefox shows as B&W at all times

    It’s possible this is limitations of the browser.

    Thank you for the quote reply!

    Andrew – That worked wonderfully! I wonder if there is one small modification that could be made? It’s a fairly minor adjustment, so if it can’t be done, no worries!

    You’ll notice if you hover over the last two images (of the cove, and the field), that it appears to go grayscale > colour (but sharp) > colour (compressed/smooth; not sure how else to describe it.) At least, this is how it appears in Firefox, the same does not happen in Opera – the images stay ‘crisp’ even when coloured (thanks for your suggestion batharoy – I hadn’t even though to check compatibility in other browsers!).

    As @batharoy mentioned, the CSS greyscale style has its limitations to particular browsers. Caroline tried to force Firefox to understand greyscale by using a CSS greyscale supplement. This supplement is only really for the greyscale effect and does not do much for the transitions between colour and greyscale – resulting in what you’re seeing.
    This is a Firefox limitation.
    Also note that greyscale doesn’t work in Safari, that is a Safari limitation.

    I see. No problem at all then.

    Thank you again so much for taking the time to reply!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Grey Circles Colour when Active’ is closed to new replies.
Skip to toolbar