Solved

How do I align the sold out badge between the product title and price?

Matteo1998
Excursionist
34 1 17

Hello,

I have a problem with the position of the sold out logo, do you know how to make it aligned, between the product title and the price please?

It look like this.

Thank's

 

Capture d’écran 2021-09-08 à 16.45.38.png

Accepted Solution (1)
KetanKumar
Shopify Partner
36890 3640 11983

This is an accepted solution.

@Matteo1998 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste the below code at the bottom of the file.

.price.price--listing {
flex-wrap: wrap;
    justify-content: center;
}
.price__regular {
width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 14 (14)

KetanKumar
Shopify Partner
36890 3640 11983

@Matteo1998 

sorry for that issue can you pleas share store url?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Matteo1998
Excursionist
34 1 17
Matteo1998
Excursionist
34 1 17

But in fact it would be a bad idea to put it between the price and the name, would it be possible to put it in the left corner of the product image?

KetanKumar
Shopify Partner
36890 3640 11983

@Matteo1998 

sorry but how can i guide you?

please share store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Matteo1998
Excursionist
34 1 17

Hoo sorry i start to tupe the url but i miss something sorry.

https://mon-coin-zen.com

Matteo1998
Excursionist
34 1 17

so can you help me please ?

KetanKumar
Shopify Partner
36890 3640 11983

@Matteo1998 

thanks for url

but i can't see your store.

KetanKumar_0-1631763513903.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Matteo1998
Excursionist
34 1 17

Here is, I unblocked all the countries, I'm really sorry

KetanKumar
Shopify Partner
36890 3640 11983

@Matteo1998 

no rush how can i check

give me your contry name i will check my VPN

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Matteo1998
Excursionist
34 1 17

Belgium

KetanKumar
Shopify Partner
36890 3640 11983

@Matteo1998 

thanks but i can't see now sold out any product 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Matteo1998
Excursionist
34 1 17

Go in the "soins du corps" collection, after in "thés" and it's the first one.

 

Capture d’écran 2021-09-17 à 14.47.41.png

KetanKumar
Shopify Partner
36890 3640 11983

This is an accepted solution.

@Matteo1998 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste the below code at the bottom of the file.

.price.price--listing {
flex-wrap: wrap;
    justify-content: center;
}
.price__regular {
width: 100%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Matteo1998
Excursionist
34 1 17

Yes, it works perfectly, thank you very much for taking your time to help me 🙂