Adjusting Product Image Styling

  • Hi there

    I’ve been trying to give my product images a box shadow and rounded corners without any luck… Can you please help with the carousel at the bottom of this page thank you? Below is what I was trying but it doesn’t work:

    .wpcs_product_carousel_slider .product_image_container .product_thumb_link img {
    -webkit-transition: all 0.30s linear;
    -moz-transition: all 0.30s linear;
    -o-transition: all 0.30s linear;
    -ms-transition: all 0.30s linear;
    transition: all 0.30s linear;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    border: 1px;
    border-radius: 10px;
    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter eviebpat

    (@eviebpat)

    Hi there

    I got the box radius to work but not the shadow. 

    .woocommerce .wpcs_product_carousel_slider .wpcs-thum .product_image_container .owl-item .item img .product_thumb_link img .product_thumb_link:hover img {
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
	border: 1px;
	border-radius: 10px;
}

    It works on the top image but not the zoomed-in image on hover. Can you please advise what the CSS class is for the underlying zoomed in image please?

    Thread Starter eviebpat

    (@eviebpat)

    Is anyone monitoring this forum at all?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adjusting Product Image Styling’ is closed to new replies.