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?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024