Return to previous page

Want to show the product slider picture as it is

This topic has 10 replies, 5 voices, and was last updated 6 years, 9 months ago ago by Rose Tyler

ohmani

Participant

June 8, 2017 at 17:13

Hello,
Thanks for the great theme. I and my client are really satisfied with the way the site’s design turned out to be. One thing I would like to know is how can I get rid of picture overlay from the product slider. I want just natural pictures.

http://imgur.com/a/du3U1

http://siroousa.com/

Thanks,
Austin

#165334 Copied Theme version: 3.15

9 Answers
Olga Barlow

Support staff

June 8, 2017 at 21:16
Hello,

Nice site!
Add the following code in Theme Options > Styling > Custom CSS
```
.products-loop .outofstock .content-product img.wp-post-image, .productCarousel .outofstock .content-product img.wp-post-image {
    opacity: 1;
}
```
Regards
#165351 Copied
ohmani

Participant

June 8, 2017 at 22:34

Thank you so much.
It worked as I want it.
Best,
Austin

#165365 Copied

Amzy Leel

Participant

June 9, 2017 at 05:00

You are welcome.
Do not hesitate ask if you have any other questions. (create a new topic for new question).

Regards,

#165371 Copied

Blackbeard

Participant

March 28, 2018 at 10:30

Hi,

can you tell me how to remove the overlay for out of stock product images too?

Thanks!

Please, contact administrator
for this information.

#189494 Copied

Rose Tyler

Support staff

March 28, 2018 at 11:06

Hello @Blackbeard,

Theme Options > E-commerce > Shop > Enable “Out of stock” icon

Regards

#189501 Copied

Blackbeard

Participant

March 28, 2018 at 12:15

But is there a way to keep the “Out of stock” notice, but remove the opacity option? So that the white overlay is removed, and product picture is 100% clear.

#189512 Copied
Rose Tyler

Support staff

March 28, 2018 at 14:51
Hello @Blackbeard,

Please add this code in Theme Options > Styling > Custom css:
```
.products-loop .outofstock .content-product .out-of-stock + .product-content-image img.wp-post-image, .products-loop .outofstock.product-hover-swap .content-product:hover .out-of-stock + .product-content-image .image-swap img {
    opacity:  1;
}
.products-loop .outofstock.product-hover-swap .content-product .out-of-stock {
    z-index:  3;
    background-color:  transparent;
}
```
Regards
#189552 Copied
Blackbeard

Participant

March 30, 2018 at 12:39

Always prompt replies, thank you Rose!

#189811 Copied

Rose Tyler

Support staff

March 30, 2018 at 12:44

Dear @Blackbeard,

You’re welcome!
If you love XStore and have something nice to say don’t hesitate to tell about this!
We’d appreciate if you could take a moment to give us 5-stars on ThemeForest! https://themeforest.net/downloads

Regards

#189813 Copied
Tagged: persuasive writing, product slider picture, seo friendly, show picture, woocommerce wordpress themes
Viewing 10 results - 1 through 10 (of 10 total)