kindly reply.. want to replace the sale/save xx label of my product image to top right corner.

[Muhammad_Faraz]

I am using dawn theme and changed the sale label to save Rsxx but i want to reposition the label to top right corner.
someone help me in this regard. 

my website URL: https://lichenofficial.pk/

[Roy-ロイ · Accepted solution]

Hi @Muhammad_Faraz 

I'm happy to help you with that! You can easily achieve this by adding some simple CSS code to your theme.

To get started, follow these steps:

1. Log in to your Shopify Admin panel.
2. Go to Online Store > Theme > Edit code.
3. In the code editor, navigate to the component-card.css file.

Now, add the following code at the end of the file:

.product-card-wrapper .card__content {
    display: block;
}

.product-card-wrapper .card__badge {
    position: absolute;
    top: 0;
    right: 10px;
}

Result: 

[K-Mahesh · Accepted solution]

Hello @Muhammad_Faraz 
You can by following these steps

1. Go to Online Store -> Theme -> Customize.
2. Open your theme customize > Theme settings > Scroll down > Click the Badges.
3. Change the badges Position on cards.

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Roy-ロイ · Accepted solution]

Hi @Muhammad_Faraz 

I'm happy to help you with that! You can easily achieve this by adding some simple CSS code to your theme.

To get started, follow these steps:

1. Log in to your Shopify Admin panel.
2. Go to Online Store > Theme > Edit code.
3. In the code editor, navigate to the component-card.css file.

Now, add the following code at the end of the file:

.product-card-wrapper .card__content {
    display: block;
}

.product-card-wrapper .card__badge {
    position: absolute;
    top: 0;
    right: 10px;
}

Result: 

[Muhammad_Faraz]

How can I make the label small?
It is too big on the phone display. Can you help me with that?

[K-Mahesh · Accepted solution]

Hello @Muhammad_Faraz 
You can by following these steps

1. Go to Online Store -> Theme -> Customize.
2. Open your theme customize > Theme settings > Scroll down > Click the Badges.
3. Change the badges Position on cards.

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Muhammad_Faraz]

How can I make the label small?
It is too big on the phone display. Can you help me with that?..

[BSS-TekLabs · Accepted solution]

Hi @Muhammad_Faraz,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.card__content {
    display: block;
}
.card__content .card__badge span {
    position: absolute;
    top: 5px;
    right: 10px;
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!