- This topic has 19 replies, 2 voices, and was last updated 7 years, 11 months ago by
.
-
Posts
-
Hi,
If you want to remove the entire row, you don't need to use the CSS above.
You go to the product and remove the content of SKU.
Hi again! Thank you for answer.
But is it still possible to remove it with CSS? I need the SKU on the page backend to track the item but I don't need the customer to see it frontend...
Also when hoover the product there is a "cross mark" showing in middle of image. Is it possible to change this cross mark and perhaps displaying a "magnifying glas" or some font icon instead when hoover?
Sincerely
AndreasHi,
You can use these lines to hide SKU:
.site-content-single-product .single-product-info .summary-product-wrap .product_meta span.sku_wrapper{
display: none;
}
Also when hoover the product there is a "cross mark" showing in middle of image. Is it possible to change this cross mark and perhaps displaying a "magnifying glas" or some font icon instead when hoover?
You can add these lines to the style.css of Child Theme:
.product-hover-sign{
text-align: center;
}
.product-hover-sign:before{
content: "\f002";
font-family: Fontawesome;
display:block;
font-size: 20px;
}
.woocommerce .product-link .product-hover-sign hr, .single-product .product-link .product-hover-sign hr{
display: none;
}
Best regards.
You must be logged in and have valid license to reply to this topic.
