Hello, I got this code:
Subtotal:
$500.00
Product Discounts:
-$90.00
Shipping Discount:
-$9.99
Other Discounts:
-$20.00
Total Savings:
-$110.01
Total:
$380.01
which results in:
URL: Wall Art – Transform Your Space with Style and Elegance – InteriorGlows
But I want to align the - from the discounts to start at the same time as the - from the total savings will start.
For example:
Discount -200
Discount 2 -10
Total savings -200
Instead of
Discount -20
Discount 2 -900
Total savings -920
Hi @TrendBlend
To align the - signs in your discount amounts with the total savings, you can adjust the CSS styles.
Here’s a modified version of your code that ensures the - signs align properly, you can try this code:
Subtotal:
$500.00
Product Discounts:
- $90.00
Shipping Discount:
- $9.99
Other Discounts:
- $20.00
Total Savings:
- $110.01
Total:
$380.01
I hope it helps.
Liz
Hi @TrendBlend
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
.cart-drawer__footer>div>div:nth-child(2)>div>span:nth-child(2) {
width: 62px !important;
text-align: left !important;
}
Result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
1 Like
Hello @websensepro I’m finally done with creating the card, but now the items are not placed perfectly anymore. Can you please help me so the - shows as in the picture below:
