- This topic has 8 replies, 2 voices, and was last updated 6 years, 7 months ago by
.
-
Posts
-
Would it be possible to add a green 1pt keyline to all the product images?
Could it be done a css then we could change the colour of the keyline and weight if neccessary?
Hi,
You can add these lines to the Custom CSS:
.woocommerce .product-item-inner, .single-product .product-item-inner{
-webkit-box-shadow: 0px 0px 3px 0px green;
-moz-box-shadow: 0px 0px 3px 0px green;
box-shadow: 0px 0px 3px 0px green;
}
.woocommerce .product-item-wrap.active .product-item-inner, .single-product .product-item-wrap.active .product-item-inner, .woocommerce .product-item-wrap:hover .product-item-inner, .single-product .product-item-wrap:hover .product-item-inner{
webkit-box-shadow: 0px 0px 7px 0px green;
-moz-box-shadow: 0px 0px 7px 0px green;
box-shadow: 0px 0px 7px 0px green;
}
.woocommerce .product-info h3, .single-product .product-info h3{
color: green;
}
.single-product-image-inner #sync1 img{
border: 2px solid green;
}
Best regards,
tb.
You go to Customizer -> Woocommerce -> Product Image -> edit the size that you want.
You must be logged in and have valid license to reply to this topic.
