New Landing How can we help? Themeforest Theme Support Neighborhood How to remove shadow from images

Viewing 15 posts - 1 through 15 (of 15 total)
  • #49986
    hannigans
    Member
    Post count: 10

    The theme generates shadows for all images in the shop, but because I use a white background for my product shots. The shadow looks strange and out of place. How would I be able to remove it entirely from all images on the site?

    Please see screenshot attached

    #50584
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    HI,

    Please go to Admin -> Theme Options -> Custom CSS and put this code
    .woocommerce ul.products li.product figure{box-shadow:0}

    With Best Regards
    Swiftideas Themes

    #50649
    hannigans
    Member
    Post count: 10

    This did not work. There is already some CSS in the box, I’ve added the CSS to the bottom. Please find the CSS already in the box, pasted below, and get back to me with a solution

    figure:hover > a > .overlay {
        opacity: 0 !important;
    }
    
    .recent-post figure:hover img {
    -moz-transform: scale (1) !important;
    -webkit-transform: scale (1) !important;
    -o-transform: scale (1) !important;
    -ms-transform: scale (1) !important;
    transform: scale (1) !important;
    }
    .woocommerce ul.products li.product figure{box-shadow:0}

    Thank you.

    #50712
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please share website URL with products listing so i can check and reoslve the issue easily .
    With Best Regards
    Swiftideas Themes

    #50806
    hannigans
    Member
    Post count: 10
    This reply has been marked as private.
    #50821
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    HI,
    Yes,please share login detail with me so i can check and resolve easily .
    With Best Regards
    Swiftideas Themes

    #50826
    hannigans
    Member
    Post count: 10
    This reply has been marked as private.
    #50831
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please try to put this code .this will fix your issue sure
    .woocommerce ul.products li.product figure{box-shadow:none;}

    With Best Regards
    Swiftideas Themes

    #50878
    hannigans
    Member
    Post count: 10

    worked on product pages, but still displaying shadows on single product pages. Once thats solved I can call this resolved.

    #50886
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    HI,
    I have put this css at custom css and issue fixed so please check hard refresh [ CTRL + F5 ]

    #product-img-nav li{box-shadow:none;}
    #product-img-slider{box-shadow:none;}

    With Best Regards
    Swiftideas Themes

    #50900
    hannigans
    Member
    Post count: 10

    That’s excellent, thank you so much for the help!

    #50910
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome . Cheers !

    With Best Regards
    Swiftideas Themes

    #70216
    MeineLiebe
    Member
    Post count: 155

    hello.

    i got the sam e issue, but when i use your custom css code.

    a small thin line remains on some products.

    can you help me please?

    #70232
    patrickcb
    Member
    Post count: 35

    @MeineLiebe

    Which code did you use? I put the last one into the Custom CSS box and nothing has changed.

    #70314
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    @patrickcb
    – Please try to put this code .this will fix your issue sure
    .woocommerce ul.products li.product figure{box-shadow:none;}

    With Best Regards
    Swiftideas Themes

Viewing 15 posts - 1 through 15 (of 15 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