Make Sale Label bigger, Mode theme

[AndrewG123]

https://twisteraudio.com/collections/best-sellers/products/twister-audio-carnage-series-15-dvc-4-ohm...

Link is an example of the sale label on the top right of the product image. I want it in the same place just a good amount bigger so it stands out a little better.

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @AndrewG123 
- Please follow these steps: 
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media (min-width: 768px) {
    .product-label>span {
        font-size: 16px !important;
    }
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[pawankumar]

Hi @AndrewG123 
Please put this css in theme.liquid before body closing tag

<style>
.product-label>span {
 padding-block: 1em;
}
</style>

Adjust the padding as per your need

Thanks!

[BSSCommerce-B2B]

@AndrewG123,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>
@media screen and (max-width: 767px) {
  .product-label>span {
    font-size: 1rem!important;
  }
}
</style>

Result

If it helps you, please like and mark it as the solution.

Best Regards 😍