• Resolved windoc.in

    (@windocin)


    First of all thanks, loving this theme.

    would like to know how to achieve below

    1) The exact image only gets display when i rule the moved over and all other time it displayed grey scale , How to get rid of it.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hi, do you have a section of the dashboard named, “Custom CSS” or “Edit CSS”?

    Thread Starter windoc.in

    (@windocin)

    nope, unable to find such option

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Install this Custom CSS Manager plugin and use its section of the dashboard to hold this code:

    .blog .hentry a .attachment-post-thumbnail {
     -webkit-filter: none;
     -moz-filter: none;
     -o-filter: none;
     -ms-filter: none;
     opacity: 1;
     -webkit-opacity: 1;
     -moz-opacity: 1;
    }

    Hi, I’m trying to remove the greyscale from the cirlces specifically. I have already copied the stylesheet into the plugin and changed all the opacities to 1. I have also changed all the filters to none, as suggeted. This method has been sucessful in changing everything else. However, the circles are still showing up faded before I scroll over them.

    http://theclementinechronicle.com/wordpress/

    Nevermind! I fixed the problem by changing the background color.

    I was wondering if anyone could help me out with this too. I would like to get rid of the grayscale of the images. I have the Custom CSS Manager plugin and I have added the code you suggested on top but it doesn’t seem to be working. Is there any other way of getting rid of this.

    My url is http://www.sharongolod.com

    Thanks,

    Shar

    To fixed it I pretty much copied in the whole style sheet and then I changed all the opacities to 1 and set all the filters to 1. That took the hover off of everything, but the circles. To fix that, I changed most of the colors to #000.

    I’m pretty sure this will fix it:

    .hentry.no-thumbnail {
    	background: #000;
    	border-radius: 180px;
    	overflow: hidden;
    	transition: background .4s ease-in-out;
    	-webkit-transition: background .4s ease-in-out;
    	-moz-transition: background .4s ease-in-out;
    	-o-transition: background .4s ease-in-out;
    	word-wrap: break-word;
    	width: 180px;
    	max-width: 180px;
    	height: 180px;
    	max-height: 180px;
    }

    I can’t get it to work 🙁 I don’t understand why but I’ve changed the values to what you told me and still nothing.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hi sharongolod,
    By posting support in someone else’s thread, you are only visible to those who are viewing this thread. It’s recommended you create your own thread to increase your likelihood of receiving support.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Remove grey scale’ is closed to new replies.