Return to previous page

Change image backround colour. - by amd4ever

This topic has 14 replies, 3 voices, and was last updated 4 years, 7 months ago ago by Rose Tyler

amd4ever

Participant

April 29, 2020 at 16:25

Hallo, we use png images without backround colour. We need to change the backround colour at categories homepage and all gallery photos. We need to change the black colour (for a second) when we click to zoom a image in product.
elapelle. gr our website
thank you

#235063 Copied Theme version: 6.3.1

13 Answers
Olga Barlow

Support staff

April 29, 2020 at 19:34
Hello,

1) Coud you, please, provide me screenshot of product categories with the png images and bg color that you want to remove. Because product categories on the front page are jpg images with bg http://prntscr.com/s86iz5

2) Add the following code to Theme Options > Custom CSS to remove the black bg color for the popup
```
.pswp__img--placeholder--blank {
    background: transparent;
}
```
Regards
#235087 Copied
amd4ever

Participant

April 29, 2020 at 19:56

we want to to change the white backround at photos not to remove colour, we wanto white to make ti grey for example

#235093 Copied

Olga Barlow

Support staff

April 29, 2020 at 20:05

Hello,

Are you talking about this bg http://prntscr.com/s871qs Sorry, but it’s your image, it’snot related to theme. Use the graphic editor (Photoshop or similar) to cut the image and change bg color. After that upload changed images to your media library and choose them for your products.

Regards

#235096 Copied

amd4ever

Participant

April 29, 2020 at 20:10

https://ibb.co/cynTggj
https://ibb.co/N14x9WT
https://ibb.co/yg1JHsP

#235097 Copied

amd4ever

Participant

April 29, 2020 at 20:12

at this link is png the link you send is jpeg yes, its test. here we want
https://www.elapelle.gr/product/delphiville-textile-sneaker-for-women-in-beige-10/

at all photos and some products at category and homepage and related products

#235099 Copied

amd4ever

Participant

April 29, 2020 at 20:26

we need to change colour for image placeholder at product page, gallery, cart, homepage, slider, category

#235102 Copied

amd4ever

Participant

April 30, 2020 at 08:49

hallo

#235147 Copied
Rose Tyler

Support staff

April 30, 2020 at 09:23
Hello,

Try to add the next code in Theme Options > Theme Custom CSS
```
.woocommerce-main-image img,
.etheme-sticky-cart .attachment-post-thumbnail,
.content-product .product-content-image img  {
    background-color: grey;
}
```
Regards
#235158 Copied
amd4ever

Participant

April 30, 2020 at 11:16

thank you!
we need and for the images at single products gallery
https://ibb.co/LkKzjn7

#235188 Copied

amd4ever

Participant

April 30, 2020 at 11:19

and change colour for the close icon at product image zoom
https://ibb.co/VjkCfqh
thank you

#235189 Copied
Rose Tyler

Support staff

April 30, 2020 at 12:19
1) Change the previous code to
```
.woocommerce-main-image img, 
.etheme-sticky-cart .attachment-post-thumbnail, 
.content-product .product-content-image img,
.single-product .swipers-couple-wrapper .swiper-wrapper img {
    background-color: #F8F8F8; 
}
```
2)
```
.pswp__button--close {
    color: red;
}
```
Regards
#235194 Copied
amd4ever

Participant

April 30, 2020 at 14:12

thank you very much

#235210 Copied

Rose Tyler

Support staff

April 30, 2020 at 14:20

You’re welcome!

Regards

#235211 Copied
Viewing 14 results - 1 through 14 (of 14 total)