Sale badge timeless theme

[Shanelllenise]

does anyone know how to update the sale badge on product pages from top left to bottom left and make the font larger?

[Shadab_dev]

Yeah with a bit of css that’s easily doable. Share your store url and a shot of where you need it to be

Best

[Dan-From-Ryviu]

Please add this code to Custom CSS in your theme settings to do that

.custom-badge, .preorder-badge, .sale-badge, .sold-out-badge {
    font-size: 12px !important;
    top: calc(100% - 40px) !important;
}

Result:

Best regards,
Dan from Ryviu: Product Reviews App

[suyash1]

@Shanelllenise it is possible using css, can you please share your website link?

[topnewyork]

Hi @Shanelllenise

Short answer (Shopify way using Dawn theme):

1. Go to Shopify Admin → Online Store → Themes → Customize.

2. Open Theme Settings → Sections → Product pages (or Product grid if for collections).

3. Look for “Badge” or “Sale badge” settings:

   • Some versions of Dawn allow changing position and font size directly.

4. If no direct option exists:

   • Go to Online Store → Themes → Edit Code.

   • Open assets/component-product.css or assets/base.css and add:

   • .badge--sale {
         position: absolute;
         bottom: 10px;
         left: 10px;
         font-size: 18px; /* make it bigger */
     }