WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Remove grey scale (10 posts)

  1. windoc.in
    Member
    Posted 1 year ago #

    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.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. windoc.in
    Member
    Posted 1 year ago #

    nope, unable to find such option

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    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;
    }
  5. ananana
    Member
    Posted 1 year ago #

    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/

  6. ananana
    Member
    Posted 1 year ago #

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

  7. sharongolod
    Member
    Posted 1 year ago #

    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

  8. ananana
    Member
    Posted 1 year ago #

    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;
    }
  9. sharongolod
    Member
    Posted 1 year ago #

    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.

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.