Support » Themes and Templates » [Resolved] Lost transition of circle

[Resolved] Lost transition of circle

  • Hi,
    during editiong of the spun theme I lost the transition in circles with colour pictures. If I’m not mistaken previously the colour of the circles changed into grey when a cursor was on it. Is there any chance to restore this?

    many thanks and best

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hey. Please could you provide a link to your site so that forum volunteers can see your problem and provide further help? Thanks.

    of course – it will make it easier 🙂 http://www.wylotkinawarszawe.pl


    By default the theme has grey scale pictures that change to colour when hovered over.

    You’ve lost the initial grey scale effect from adding the following CSS:

    .blog .hentry a .attachment-post-thumbnail, .archive .hentry a .attachment-post-thumbnail, .search .hentry a .attachment-post-thumbnail {
    border-radius: 180px;
    filter: none;
    -webkit-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
    -ms-filter: none;
    filter: none;
    opacity: 1;

    If you want your images to go from grey -> colour on hover then remove the above CSS.

    If you want your images to go from colour -> grey on hover then the following snippet should help you achieve this:

    .blog .hentry a:hover .attachment-post-thumbnail, .archive .hentry a:hover .attachment-post-thumbnail, .search .hentry a:hover .attachment-post-thumbnail {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: gray;
    filter: url('inc/desaturate.svg#greyscale');

    Perfect 🙂 it works. Thank you very much 🙂

    You’re welcome. Glad it helped. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Lost transition of circle’ is closed to new replies.