Disable add to cart buttons
-
Hi! I added the CSS code:
.product-grid-item .wd-product-cats a, .product-grid-item .wd-product-brands-links a {
display: none;
}
.wd-hover-quick .wd-add-btn>a {
display: none;
}
.product-grid-item .wd-add-btn-replace .add-to-cart-loop:before {
content: ” “;
}
.product-grid-item .wd-add-btn-replace .add-to-cart-loop:hover span {
transform: unset;
}
but it seems like it doesn’t work because I can still see the add to cart buttons and hovers. I want to disable it.
Attachments:
You must be
logged in to view attached files.
Hello,
The below code will help you to disable the “Add to cart” button, enter it into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.
.product-grid-item .wd-add-btn {
display: none;
}
Please let me know if you have any further questions in the meantime.
Kind Regards
Thank you! Is it also possible to center ”related products” and change the font-size?
Attachments:
You must be
logged in to view attached files.
Hello,
The “Related products” section is already in the center.
https://prnt.sc/AryAH_biKwiG
Here is a code for changing the font size of the related products on the single product, paste it into the “Custom CSS for desktop” area in Theme Settings -> Custom CSS.
.single-product .slider-type-product .product-grid-item .wd-entities-title {
font-size: 18px;
}
Kind Regards
Hi,
See attachment. I want it like the example (text in the middle).
Attachments:
You must be
logged in to view attached files.
Hello,
In this case, try to use the below code. Paste it into the “Custom CSS for desktop” area.
.single-product .related-products .slider-title {
text-align: center;
}
.single-product .related-products .slider-title:before {
left: 50%;
transform: translate( -50%, -50%);
}
If you would like to discuss the issue further, our customer support team is here for you.
Kind Regards
.
