Move "sold out" badge from left to right side (Stiletto Theme)

[stinem123]

Hi, I am making a new upgrade to my store, and just bought Stiletto Theme

Anyone who can help with a code, so the “sold out” badge in the can be moved from left to right side?

Thank you very much!

https://wm9qxu6gs9jid9cr-57068945600.shopifypreview.com/collections/alle-smykker

(Preview only available in two days)

.

.

.

.

.

.

.

.

@GemPages_Agents

@KetanKumar

@hammadCodes

@PaulNewton

@Ninthony

@dmwwebartisan

@ExpertRookie

@MandasaTech

@GemPages

[Mike-Consentik]

Hi @stinem123 ,

This is Mike from Omega

You can try my solution:

1. Open Theme → Edit Code

2. Open file theme.css and paste this code to the bottom of file and Save:

.product-item .product-badges.product-badges--position-left {
    right: var(--spacing-2) !important;
}

OR

You can find the div has class: “product-badges product-badges–position-top product-badges–position-left” and change it to “product-badges product-badges–position-top product-badges–position-right”

Hope my answer will help you.

Mike from Omega

[stinem123]

Hi, thanks for you reply Mike! @Mike-Consentik

The first solution does not work, unfortunately it makes no difference..

How can I find the "div has class: “product-badges product-badges–position-top product-badges–position-left”

Is it in the theme.css (because I can´t find it there)

[Mike-Consentik]

Hi @stinem123

You can try this code for solution 1:

.product-badges.product-badges--position-top.product-badges--position-left {
    right: var(--spacing-2) !important;
    left: unset !important;
}

[stinem123]

@Mike-Consentik Thank you so much works perfect!

[PageFly-Richard]

Hi @stinem123

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

.product-item .product-badges.product-badges--position-left {
    right: 0 !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly