MiridiosII Posted December 20, 2020 Posted December 20, 2020 I wanted my product availability to show similarly to the "sale" tag. I have my product scarcity show when it is 5 or less in inventory. I changed the no background to a pink background. This required me to changed my Sale letter color from Pink to black. I adjusted the margin and padding to make the color banner look even. The code below shows those changes. .white .products.collection-content-wrapper .product-mark.sale { color: #000; } .products.collection-content-wrapper .product-scarcity { margin-top: 0rem; } .tweak-products-text-alignment-middle .products.collection-content-wrapper .grid-meta-wrapper .grid-meta-status { background: #e64c9e; } .products.collection-content-wrapper .product-scarcity { padding-bottom: 5px; padding-top: 5px; } .products.collection-content-wrapper .product-scarcity { text-align: center; }
MiridiosII Posted December 20, 2020 Author Posted December 20, 2020 Slight change in the code for color of the "sale" tag. .white .products.collection-content-wrapper .product-mark.sale { color: #000 !important; }
Recommended Posts
Archived
This topic is now archived and is closed to further replies.