Okay
  Public Ticket #1020241
Shadow on products
Closed

Comments

  •  2
    Vaibhav started the conversation

    Okay this is fixed now and I can create tickets, But the css code you provided me is not givingsame look of book as it is in your demo. my website is https://medicalbooksonline.in, I will be attaching ss in next comments. Its is not only shadow, But over all look for your book product is clean and look bit 3d printed on hardbound paper.

  •  2
  • [deleted] replied

    Hi Vaibhav,

    I think that this ticket was related to your last ticket.

    As I said earlier on our demos shadows are inside the image. You can add shadows with CSS very easily with the code that i send to you on the other ticket:

    .woocommerce .shop-item .item-image {
    -webkit-box-shadow: 10px 10px 56px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 56px -12px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 56px -12px rgba(0,0,0,0.75);
    }

    If you add this CSS code on your site it would look like this (Video: http://drops.laborator.co/zfid) because your images are cropped with the white space on all the sides.

    Sample:


    (view on new page)

    If you want the shadow to look nice on your images with CSS only then you should upload images without a white border for example like this.

    Will set this ticket as closed from here.