[resolved] Lost transition of circle (6 posts)

  1. elmariel
    Posted 2 years ago #

    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

  2. Hey. Please could you provide a link to your site so that forum volunteers can see your problem and provide further help? Thanks.

  3. elmariel
    Posted 2 years ago #

    of course - it will make it easier :) http://www.wylotkinawarszawe.pl


  4. 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');
  5. elmariel
    Posted 2 years ago #

    Perfect :) it works. Thank you very much :)

  6. You're welcome. Glad it helped. :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.