Shopify themes, liquid, logos, and UX
Hi,
1. I added a new label to my products but when I open the menu you can see it laying on top of it how can I solve this?
2. How can I have the new label and sold out label aligned together like this on the top left?
3. The newsletter subscription in the footer has an arrow icon, how can I change it to a text like this?
Solved! Go to the solution
This is an accepted solution.
Hi @wendyl93
this is the z-index issue.
Reduce the z-index of new in css.
This is an accepted solution.
Hi @wendyl93
For second point add this css
.card__badge{ top: 0% !important; }
This is an accepted solution.
This is an accepted solution.
Hi @wendyl93
this is the z-index issue.
Reduce the z-index of new in css.
Hi @wendyl93
3. The newsletter subscription in the footer has an arrow icon, how can I change it to a text like this?
For this go to footer.liquid file find the newsletter code.
Remove SVG from button and text there
This is an accepted solution.
Hi @wendyl93
For second point add this css
.card__badge{ top: 0% !important; }
I can't seem to find the line with svg class, do you happen to know which row it is?
As for the sold out badge it came out like this
and how can I align the new badge better, because it's more on the left side than the sold out.
This is an accepted solution.
Thank you so much, it worked out perfect!
And one last thing;
The product with 2 badges is lower than the other ones, how can I change that?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025