[Resolved] Black and white sidebar widget

Home Forums Support Black and white sidebar widget

  • This topic has 1 reply, 2 voices, and was last updated 12 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1024243
    Conor

    Hi,

    I have amazon affiliate images of books on my sidebar. I get these images from my amazon associate account. I’m wondering if I can add any code to make these images appear black and white.

    The reason I want to do this is because I find the images distracting for the reader. I want the blog content to be the main focus and for the images to be there, but not draw the eye.

    Cheers, C

    #1024250
    David
    Staff
    Customer Support

    Hi there,

    you can use CSS filters to do that, try this:

    .sidebar #custom_html-3 img {
        -webkit-filter: grayscale(1);
                filter: grayscale(1);  
    }

    And if you want to get fancy and have the color reveal on hover then you can add this instead:

    .sidebar #custom_html-3 img {
        -webkit-filter: grayscale(1);
                filter: grayscale(1);  
        transition: filter 0.3s ease-in;
    }
    .sidebar #custom_html-3 img:hover {
        -webkit-filter: grayscale(0);
                filter: grayscale(0);  
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.