Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Flexform › Woocommerce Product Image Shadow
New Landing › How can we help? › Themeforest Theme Support › Flexform › Woocommerce Product Image Shadow
- This topic has 15 replies, 8 voices, and was last updated 10 years by Melanie – SUPPORT.
-
Posted in: Flexform
-
July 3, 2013 at 1:55 pm #9974
Hi, can you please provide me with the css to remove shadows & borders from the main image on product detail page?
Thanks!
July 3, 2013 at 3:24 pm #9988Can you send me a link to your website an I’d be happy to supply the css
Thanks
BenJuly 3, 2013 at 3:33 pm #9989This reply has been marked as private.July 18, 2013 at 12:21 am #11953Hey, any updates on this?
July 18, 2013 at 12:51 am #11954Got it, thanks.
July 18, 2013 at 7:38 pm #12051Hi Jack,
So sorry this got overlooked – apologies for that.
I checked your page and it still has the box shadow on the product image. You can use the following custom CSS in the General theme options, to remove it:
.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { box-shadow: none !important; }
Regards,
————————————————————————————————————
Cosmin
Support AssistantJuly 21, 2013 at 10:40 pm #12333Have tried your code but the shadow is still there.
July 22, 2013 at 3:50 pm #12475Nope, it’s gone: http://easycaptures.com/fs/uploaded/703/0374118605.jpg
Might want to clear your browser’s cache 🙂
Regards,
————————————————————————————————————Cosmin – Support
July 22, 2013 at 4:49 pm #12508Can you take a look at my website http://www.aljosmide.se. You can clearly see that the dropshadow on all product images are still there. No matter what device used, its still there. Cache is cleared as well. Also, this is what the css field in the admin says. https://dl.dropboxusercontent.com/u/22182623/Sk%C3%A4rmavbild%202013-07-22%20kl.%2018.47.35.png
November 7, 2013 at 7:24 pm #30396I use this in custom css
#product-img-slider{
box-shadow: none !important;
}#product-img-nav li{
box-shadow: none !important;
}November 12, 2013 at 3:21 pm #30926Thanks arjanv!
January 6, 2014 at 12:41 am #40474I want to remove all shadows, but with the following code found here only the thumbnails from the gallery are working.
http://ezenciel.com/w/product/haiyan_justincase/
Thanks
/* Shadow on Product Images */
#product-img-slider{
box-shadow: none !important;
}
#product-img-nav li{
box-shadow: none !important;
}
.bag-product figure {
box-shadow: none;
}
.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img {
box-shadow: none !important;
}January 8, 2014 at 2:10 pm #41071Hm I cannot find the proper css, I will ask the developer!
January 8, 2014 at 11:15 pm #41201Hi there,
You just need to add:
#product-img-slider, .woocommerce ul.products li.product figure { box-shadow: none; }
Hope that helps.
– Ed
January 9, 2014 at 1:52 am #41223Hi!
All gone except the catalog/shop/related products one
http://ezenciel.com/w/product/haiyan_ourcase/
Thanks!
I’m using:
/* Shadow on Product Images */
#product-img-slider{
box-shadow: none !important;
}
#product-img-nav li{
box-shadow: none !important;
}
.bag-product figure {
box-shadow: none;
}
.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img {
box-shadow: none !important;
}
#product-img-slider, .woocommerce ul.products li.product figure {
box-shadow: none;
} -
Posted in: Flexform
You must be logged in to reply to this topic.