Solved

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

stinem123
Pathfinder
138 0 22

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)

 

Skærmbillede 2023-05-28 kl. 15.42.04.png

 

 

.

.

.

.

.

.

.

.

 

Accepted Solution (1)
Mike-Consentik
Shopify Partner
160 28 30

This is an accepted solution.

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;
}
If it’s helpful to you, please give it a like or mark as a solution.
Need any help for Shopify Design or Custom task, please contact via email: locdt@omegatheme.com
Consentik GDPR Cookie Banner: Effortlessly stay compliant with EU GDPR, CCPA

View solution in original post

Replies 5 (5)

Mike-Consentik
Shopify Partner
160 28 30

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

If it’s helpful to you, please give it a like or mark as a solution.
Need any help for Shopify Design or Custom task, please contact via email: locdt@omegatheme.com
Consentik GDPR Cookie Banner: Effortlessly stay compliant with EU GDPR, CCPA
stinem123
Pathfinder
138 0 22

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
Shopify Partner
160 28 30

This is an accepted solution.

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;
}
If it’s helpful to you, please give it a like or mark as a solution.
Need any help for Shopify Design or Custom task, please contact via email: locdt@omegatheme.com
Consentik GDPR Cookie Banner: Effortlessly stay compliant with EU GDPR, CCPA
stinem123
Pathfinder
138 0 22

@Mike-Consentik Thank you so much works perfect!

PageFly-Richard
Shopify Partner
4272 969 1620

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.