New Landing How can we help? Themeforest Theme Support Neighborhood Remove shadow from the products

Viewing 13 posts - 1 through 13 (of 13 total)
  • #16683
    paololee
    Member
    Post count: 149

    Hello Guys,
    i put the code below in order remove the shadow from the products.
    .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;
    }

    I took the code through the forum support, but it doesn’t work in my case. I deleted the cache properly but still.

    Any suggestions?

    #16690
    paololee
    Member
    Post count: 149

    i made it ๐Ÿ™‚

    .woocommerce ul.products li.product figure{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    .hs-woo-custom{
    display:none;
    }

    #16695
    leonardoanzola64
    Member
    Post count: 8

    it didn’t work for me! please help me out!

    #16753
    paololee
    Member
    Post count: 149

    Just copy the code inside the Custom Css. That’s all ๐Ÿ˜‰ Let me know.

    #17072
    Melanie – SUPPORT
    Member
    Post count: 11032

    You can also try

    .woocommerce ul.products li.product figure{
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    }
    .hs-woo-custom{
    display:none!important;
    }

    #18499
    ronin
    Member
    Post count: 282

    Hi Melanie,

    I just used the above code on a dark site that I just built, and it works perfectly on some images but not others.
    (I tweaked it to a black shadow by replacing the “none” of each to -webkit-box-shadow: 1px 2px 3px; color: #000000;

    Could you please which CSS entries control the shadow for:

    Single product main image
    Single product thumbnails
    Recent Post image

    #18836
    Melanie – SUPPORT
    Member
    Post count: 11032

    Hey there, you can use Firebug for Firefox or Chrome’s right click feature “inspect element” in order to find out which css controls which element of the site ๐Ÿ™‚ I’m sure it will help you a lot!

    #18945
    ronin
    Member
    Post count: 282

    Hi Melanie,

    I’ve been using Firebug and it’s great, but in the case of these 3 items, any changes I make to the the styling that shows up (see below) just doesn’t work.

    .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);

    and:
    .spb_recent_posts_widget .recent-post .details-wrap, .spb_posts_carousel_widget .recent-post .details-wrap

    So I don’t think this is the correct styling for the shadow areas of either.

    cheers, Kurt

    #19440
    Melanie – SUPPORT
    Member
    Post count: 11032

    Hey, try using an !important before the ;

    Like

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3)!important;

    Use that in every line of your css ๐Ÿ™‚

    Cheers

    #20242
    paololee
    Member
    Post count: 149

    Hi,
    how can i delete the shadow from the single product page, cart menu, whish list menu, and inside the shopping cart?

    I put the first code you gave me and it works well for the shop and carousel.

    .woocommerce ul.products li.product figure{
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    }

    .hs-woo-custom{
    display:none!important;
    }

    Thanks
    P.

    #20660
    Melanie – SUPPORT
    Member
    Post count: 11032

    Hi,

    you can use Firebug, its an amazing browser plugin that allows you to inspect the CSS and make changes to see how its affected. Its a great tool to learn, download it for free at the link below, and watch the video I found for it. It will show you exactly what you can copy to our custom css box in the theme options. You can google firebug videos as well to find others

    FIREBUG LINK – http://getfirebug.com

    VIDEO TUTORIAL – http://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037

    Cheers!

    #21417
    paololee
    Member
    Post count: 149

    Thnaks ๐Ÿ˜‰

    #21653
    Melanie – SUPPORT
    Member
    Post count: 11032

    You’re welcome!

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register