Unfortunately, we currently don't have a way to remove the line from the line when the add to cart goes to the second line. This would require some extensive customization which I'm afraid we are not able to offer due to support scope limitations. You would have to remove the line entirely.
Hello salient support team,
i'm trying to hide the line | just after "Aggiungi al carrello" (translation for Add to cart) when it goes on two lines.
You can see it here, clicking on the filter button a cover https://edc-test.flywheelsites.com/archivio/edizioni-di-comunita/olivettiana/
Then, sometimes the button touch the product title, you can see the attached screenshot.
user: comunita
psw: salientsalient
Attached files: Screenshot Add to cart.png
Hi Joyce,
Thank you for reaching out to us.
Unfortunately, we currently don't have a way to remove the line from the line when the add to cart goes to the second line. This would require some extensive customization which I'm afraid we are not able to offer due to support scope limitations. You would have to remove the line entirely.
We appreciate your understanding on this.
Best regards,
Uhm, very disappointed.
I use your theme with each client I have, first time that i receive such a reply.
Any suggested work around?
j.
I found it by myself in product-style-material.css : just 1px border-right.
For the people after me:
/* hide vertical grey line in add to cart button*/
.material.product .product-wrap .product-add-to-cart a.nectar_quick_view,.woocommerce .material.product .product-wrap .product-add-to-cart .price {
border-right: 0px !important;
}
and this one to avoid the button touching the product title:
.woocommerce .material.product .product-wrap .product-meta {
padding: 20px 25px 50px 25px;
}
See ya,
Joyce
Hi Joyce,
We appreciate that you were able to find a workaround and thanks for sharing as it will be helpful for other users with similar issues.
If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.