Support ForumRemove default WooCommerce Product's Background image – Support Forum https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/feed/ Sun, 05 May 2024 15:48:15 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-643 <![CDATA[Remove default WooCommerce Product's Background image]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-643 Mon, 16 Sep 2013 07:49:33 +0000 ddmel Hi, is it possible to remove the background picture frame default of WooCommerce products. I just want to see my product image (.png with alpha channel) without any border.

creationweb-shop-product

]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-653 <![CDATA[Reply To: Remove default WooCommerce Product's Background image]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-653 Mon, 16 Sep 2013 08:22:11 +0000 IshYoBoy Hi,

Sure it is :) Just remove the box-shadow using a little CSS. You can enter it inside the “Custom CSS” field under Theme Options.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-660 <![CDATA[Reply To: Remove default WooCommerce Product's Background image]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-660 Mon, 16 Sep 2013 09:38:12 +0000 ddmel Great that is resolved on my “shop page” but the problem persists on the “detailed product page”.

Capture image link

]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-666 <![CDATA[Reply To: Remove default WooCommerce Product's Background image]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-666 Mon, 16 Sep 2013 13:38:47 +0000 IshYoBoy Hi,

You can “Inspect Element” in Chrome or FireFox for example and see what selectors are used to create the shadow and as in the example before, restyle it and remove the shadow.

inspect_element

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-668 <![CDATA[Reply To: Remove default WooCommerce Product's Background image]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-668 Mon, 16 Sep 2013 15:25:22 +0000 ddmel Great, Thanks to your example, i was able to modify the outline and shadow of the WooCommerce Product image !
Thanks !

]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-678 <![CDATA[Reply To: Remove default WooCommerce Product's Background image]]> https://support.ishyoboy.com/forums/topic/remove-default-woocommerce-products-background-image/#post-678 Tue, 17 Sep 2013 05:56:05 +0000 IshYoBoy Great,

We’re happy we could be of a little help to learn a basic practice for re-styling any element on the page.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>