Remove product border and shadow

  • Resolved bionne

    (@bionne)


    8 years, 5 months ago

    Hi,

    I tried searching around the forum but I’m unable Does anyone know how I can remove/disable this border and shadow around the entire product. Also the hover effect should be disabled as well.
    The product page where the problem is this page
    This product page was based on a page template which is this one
    I’m not really sure which one is causing trouble.

Viewing 2 replies - 1 through 2 (of 2 total)

  • The border itself is set on line 563 of custom2.css:

    
.woocommerce .product {
	border: 1px solid #ccc;
	transition: all 0.3s;
}

    The shadow on hover is on line 567:

    
.woocommerce .product:hover{
    -webkit-box-shadow: 0px 1px 7px 0px rgba(50, 50, 50, 0.48);
    -moz-box-shadow:    0px 1px 7px 0px rgba(50, 50, 50, 0.48);
    box-shadow:         0px 1px 7px 0px rgba(50, 50, 50, 0.48);
}

    It looks like that custom2.css is created by your traveler theme. There may be a way to alter it within your theme, or you may need to use another method; e.g., a child theme.

    Thread Starter bionne

    (@bionne)

    Thanks, I’ve edited it a bit and the border + hover effects are gone now!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove product border and shadow’ is closed to new replies.