Shopify themes, liquid, logos, and UX
I would like to get rid of the typical shopify icons and change them to text saying "search" and "cart (0)" I will show an example below of what I want. I assume it must be done in the code editing but I have no idea where to start, please help!
Current:
What I want:
Link: https://satorivintage.com/pages/about
Password: aibewn
details-modal.header__search summary.header__icon.header__icon--search > span::before {
content: "SEARCH";
}
details-modal.header__search summary.header__icon.header__icon--search span.svg-wrapper > svg {
width: 0 !important;
}
a#cart-icon-bubble::after {
content: "CART";
}
a#cart-icon-bubble {
padding-left: 40px;
}
a#cart-icon-bubble svg.icon {
width: 0 !important;
}
I hope this helps
Best,
Daisy
Hi, thank you so much! Can you help me to take away the underline under the "search" and "cart" and make the "(0)" amount appear next to the cart of how many products are in?
Right now it looks like this, not great:
Please add this code more
.cart-count-bubble {
top: 33%;
right: -36px;
left: unset !important;!I;!;
}
I hope this helps
Best,
Daisy
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025