DSavia
1
Hello, i want to know how it’s possible to change the label colors and align them to the left?
for example change the backgrounds color of “sale” to red with white text
and change the background of "online exclusive " to black with white text.
and also how to align them to the right
thanks !
Hi @DSavia
Can you share with me the page url
Hello @DSavia
Please share the Store URL so that I will review it.
Hi @DSavia
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.css ->paste bellow code in bottom of file
span.ProductItem__Label.ProductItem__Label–onSale.Heading.Text–subdued {
background: red;
color: #fff;
}
span.ProductItem__Label.Heading.Text–subdued {
background: #000;
color: #fff;
}
.ProductItem__LabelList {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
}
Hope that my solution works for you.
Best regards,
Richard | PageFly