Black and white profile pictures

Hello! I'm guessing there's a code that I could use to make all profile pictures on my forum turn black and white?

Code:

.POSTDETAILS.POSTER-PROFILE IMG{
  -webkit-filter: grayscale(100%); }


I was hoping something like this could work but it doesn't, is there any other way?

Thanks in advance!

You want a hover black grayscale effect or solid black and white?

Hello. If you want to change all profile pictures black and white, you have the right idea but wrong selectors. Use this CSS to turn all avatar images black and white.

Code:

#spark > a > img,
#emptyidcc > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(2) > td > img:nth-child(1) {
    filter: grayscale(100%);
}

skouliki wrote:You want a hover black grayscale effect or solid black and white?

I want solid black and white

Draxion wrote:Hello. If you want to change all profile pictures black and white, you have the right idea but wrong selectors. Use this CSS to turn all avatar images black and white.

The code isn't working for me

Try the original property.

Code:

#spark > a > img,
#emptyidcc > table > tbody > tr > td:nth-child(2) > table > tbody > tr:nth-child(2) > td:nth-child(2) > table:nth-child(1) > tbody > tr:nth-child(2) > td > img:nth-child(1) {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

It's still not working.

MissUrsh wrote:It's still not working.

I'm sorry. Let me try this a different way. Can you PM me a test account I can use?

Have you tried to add important like like this:

Code:


-webkit-filter: grayscale(100%)!important;
  filter: grayscale(100%)!important;

Maybe that will do the job.

MissUrsh wrote:Hello! I'm guessing there's a code that I could use to make all profile pictures on my forum turn black and white?

Code:

.POSTDETAILS.POSTER-PROFILE IMG{
  -webkit-filter: grayscale(100%); }


I was hoping something like this could work but it doesn't, is there any other way?

Thanks in advance!

Hey.

You have the following code in CSS:

Code:


#spark {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 200px;
}


Add two lines to it:

Code:

-webkit-filter: grayscale(1);
filter: grayscale(1);

That is, it will be like this:

Code:

#spark {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 200px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}

It's all ...



If you often use !Important - one day this will become a burden, and you will feel that the browser can hardly read the codes of your forum.

Good luck!

hello

If your request is complete, please mark it as solved