Symmetry theme move Sale button featured collection

[Lars_Veldman]

Dear all,

Please find the attached image. I would like to modify the CSS so that the red "Sale" buttons in the featured collection section are repositioned to the top left corner of the image. However, I have not been able to achieve this so far.

Unfortunately, I cannot share a URL as the website is not yet live. Does anyone have any suggestions on how to accomplish this?

Best regards,
Lars

[Moeed]

Hey @Lars_Veldman 

Can you share the preview URL of the draft theme?

Best Regards,

Moeed

[Lars_Veldman]

Yes, that is https://refined-melbourne.com/?_ab=0&_fd=0&_sc=1

[Lars_Veldman]

Yes, that is https://refined-melbourne.com/?_ab=0&_fd=0&_sc=1

[htmlBurger]

Hello @Lars_Veldman 

Without the store URL, I can only give you brief instructions and depending on the code structure, they might not work properly.

Start by adding some CSS for the SALE badge. Find the CSS file where the badge is styled, and add these rules:

{
  position: absolute;
  top: 0;
  left: 0;
}

This will make the badge move to the top left corner of its closest relative element.

So now you have to make the product card relative. Find where the product card is styled and add this code:

{
  position: relative;
}

If the badge doesn't have any other relative parents, this should be enough.

Please try these steps and let me know if you need any help implementing them.

[Lars_Veldman]

Thank you. Unfortunatly the relative doesn't work