[resolved] Grey Circles + Colour when Active (6 posts)

  1. audreydelamont
    Posted 1 year ago #

    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!


  2. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    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;
  3. batharoy
    Posted 1 year ago #

    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.

  4. audreydelamont
    Posted 1 year ago #

    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!).

  5. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    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.

  6. audreydelamont
    Posted 1 year ago #

    I see. No problem at all then.

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic