A team using the Dawn theme needs help adding custom text above the add-to-cart button with reduced bottom margin, similar to the implementation on cloudsharks.co.
Current Issue:
Solution Provided:
A user shared CSS code to adjust margin and center the text:
.product-info__container p.product__text with margin-bottom: -25px and text-align: centerFollow-up Request:
The original poster asked about changing the “20% OFF” text color to purple.
The discussion remains open with the color customization question unanswered.
Hello. Our team has been stuck on this issue of adding text with a smaller margin to the add-to-cart button. The theme we are currently testing/using is Dawn.
We are looking to create text above the add-to-cart similar to our friends at cloud sharks (https://cloudsharks.co/products/cloudsharks)
However, we are currently stuck like this with a larger-than-wanted bottom margin for the add-to-cart button.
Our website can be found at https://calx.shop/products/revolution-watch.
Hi @CALX_Admin ,
You can follow the instructions below to change the margin and center the text.
.product__info-container p.product__text {
margin-bottom: -25px;
text-align: center;
}
