Product image background color

[iamwithU]

Hello, great team.
I don’t seem to find the place to control the background color of the product images. It’s a woocommerce page. If you see the screenshot, it’s currently black. I like to change it to white.

I have looked through my CSS but don’t recognize anything about it. Can point me in the right direction?

[prakash_s]

Hello @iamwithU,

Thanks for writing to us.

In order to change the background color, you can use this custom CSS code.

.product_gallery .a3-dgallery .a3dg-image-wrapper {
background-color: #ffffff !important;
}
.product_gallery .a3-dgallery .a3dg-nav {
background-color: #ffffff !important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[iamwithU]

Splendid, @prakash_s. What a marked improvement for my humble website!

If you look at the screenshots, you will notice a strange gap between the photos. This doesn’t happen on the mobile screen. Before I applied your code, the gap was smaller. After the code, the gap got wider. Do you know what is causing the gap to expand?

Ideally, there should be a thin gap just to demarcate a photo - as in the smaller screen. Appreciate your kind help.

[ruenel]

Hello @iamwithU,

The given CSS code above only changes the background color. It has nothing to do with the gaps of the images. Please understand that you are using the Dynamic Product Gallery for WooCommerce plugin. Any improvements of the features and styling of this plugin should be directed to the creators of the plugin. They are more well-verse on the matter and it also prevents us from giving any incorrect codes that may lead to future issues and incompatibilities.

Thank you for your understanding.

[iamwithU]

Understand @ruenel. Thanks for the prompt support.

[marc_a]

Hey @iamwithU,

You’re welcome! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.