HOW TO CHANGE BADGE SIZE

[MXJEWELRY]

Hello. Hope someone can help me

im trying to change the letter size of the SALE BADGE, on the main page so it it’s when youre on a desktop

Also want to add the badge on the top right of the product page. Because it looks diferent than the one on the main page. 

Thank you in advance 

[goldi07]

Hello @MXJEWELRY try this code to change the Sale Badge Font Size (Desktop Only)

1  go to online store 

2 open themes

3 click on customize

4 Click on “Theme Settings” > “Custom CSS” (or Edit Code if needed)

add this css 

@media screen and (min-width: 1024px) {  
    .badge--sale {  
        font-size: 14px !important; 
        padding: 5px 10px; 
    }  
}

now move the Sale Badge to the Top Right on the Product Page

Find the class for the sale badge inside the product page. add this css code 

.product__badge {  
    position: absolute;  
    top: 10px; 
    right: 10px; 
}

thank you 😊

[MXJEWELRY]

Hello i wasnt able to do none of these i applied them and no resultes, do you know of any code that may work for my store?