Return to previous page

Excluding certain images - by Darja - on WordPress WooCommerce support

This topic has 8 replies, 2 voices, and was last updated 5 years, 2 months ago ago by Rose Tyler

Darja

Participant

February 26, 2019 at 11:59

Hello,

We have implemented some CSS to make the pictures on a page black and white and then on hovering over to change to normal colour.

Our problem now is that it changed the logo in the header and some pictures in the footer. How can we make an exception so logo and image in the footer aren’t affected?

Thank you for your support

Please, contact administrator
for this information.

#209872 Copied Theme version: XStore 5.1.6

7 Answers
Rose Tyler

Support staff

February 26, 2019 at 13:01
Hello,

You can change
```
img { 
...
}
```
to
```
.content-page img {
 ...
}
```
Regards
#209880 Copied
Darja

Participant

March 4, 2019 at 11:33

Hello,

thank you for your help – it worked perfectly.

Also would like to ask for your help what to implement if we would like to apply this effect to all the background images (their set up as background images of a column or row)

Wish you best and thank you for the support

#210391 Copied

Rose Tyler

Support staff

March 4, 2019 at 11:49

Hello,

You’re welcome!
Please provide URL so I can take a closer look.

Regards

#210396 Copied

Darja

Participant

March 5, 2019 at 10:17

Hello,

unfortunately, our website is still in local development.

#210434 Copied
Rose Tyler

Support staff

March 5, 2019 at 11:54
Hello,

Please try this solution:
Add custom class for row http://prntscr.com/mth6yr and add this custom CSS code:
```
.row-bg-grayscale {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.row-bg-grayscale:hover {
    filter:none;
}
```
Regards
#210437 Copied
Darja

Participant

March 5, 2019 at 12:13

Thank you! It worked perfectly.

#210438 Copied

Rose Tyler

Support staff

March 5, 2019 at 12:58

You’re welcome!

Regards

#210440 Copied
Viewing 8 results - 1 through 8 (of 8 total)