Return to previous page

Using transparent PNG products images for Bakery

This topic has 2 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Olga Barlow

BorisZajicek

Participant

January 20, 2018 at 22:30

I am using Bakery theme. This theme is special with their beige colour background. Also products needs to have beige background (yes, you can have white, but it does not look so good then). It is challenge itself. Usually products have white background. OK, i accepted this challenge and i mask all my products images as transparent PNG files. It is definitely larger files solution. I can make jpeg files with beige backgrounds, but what if i change theme background? With transparent images i have no problem.
So question 1 is: Please do you reccomend my solution with transparent PNGs or not?

Only place where it is not looking good is Lightbox zoomed image – because there is black background.
So question 2 is: Please, how can i change color of Lightbox background?

#182523 Copied Theme version: 4.16.1 WooCommerce version: 3.2.6

1 Answer
Olga Barlow

Support staff

January 22, 2018 at 14:58
Hello,

You can use png images but keep in mind that they are very large as a rule (ap 1MB and more) and it will slow down your site, so I would recommend you to use https://tinypng.com/ to optimize images.

If you want to change the bg color for the popup use this code in Custom CSS and any color you need
```
.pswp__bg {
    background-color: rgba(255, 255, 255, 0.90);
}
```
Regards
#182635 Copied
Tagged: bakery, images, persuasive, png, products, themes, transparent, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)