How to change the position of product badges

Hi,

Product badges (new, out of stock, hot) appear on the left side in all product images. However, in the product page the position is on the right side and is interfering with other badges that I want to keep there.

Can you please explain how to keep (in this case change) the position to the left side on the product page?

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please provide the URL of the product to check it myself and help you out accordingly.

Best Regards.

Hi Aizaz,

Thank you for your reply.
Site is under construction.

The product is a test page: https://sonatural.wine/product/serradinha-vinho-rose/ but I would like to do this to all product pages.

Hello,

Sorry but I am unable to visit your website because of under construction mode. Please disable it or provide with the admin panel login details in the private content area to check it myself and help you out accordingly.

Best Regards.

Hi,

Please see the details in private content and let me know if you need extra details.
TY

Hello,

Sorry but the login details you provided are not working. Please provide me with the correct admin panel login details to let me assist you further.

Best Regards.

Hi,

Sorry to read that.
can you please try again?

Hello,

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.single-product-page span.out-of-stock.product-label {
    position: absolute;
    margin-right: 500px;
}

Regards.
Xtemos Studios.

[Author]

Posts