Shopify themes, liquid, logos, and UX
Hello, how would I either add the same black border “Apple Pay” has to the others or replace its black border with the same as the others?
I’d really like them all to be uniform.
printsofwhatever.com
Solved! Go to the solution
This is an accepted solution.
Hi @PoW8
svg.icon[aria-labelledby="pi-apple_pay"] > path:nth-child(2) {
fill: #CFCFC9 !important;
}
I hope this helps
Best,
Daisy
@PoW8 -- I do not recommend it as it looks wierd
Hello @PoW8
Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.
.footer svg.icon.icon--full-color {
border: 1px solid black;
border-radius: 4px;
}
.footer svg[aria-labelledby="pi-apple_pay"] {
border: none!important;
border-radius: 4px;
}
This is an accepted solution.
Hi @PoW8
svg.icon[aria-labelledby="pi-apple_pay"] > path:nth-child(2) {
fill: #CFCFC9 !important;
}
I hope this helps
Best,
Daisy
Thank you. Now how would I go about adding this effect to all the payment icons?
I see I can change the fill to any color I want for Apple but what about the rest? Just to make sure they’re all the exact same color. And I just noticed “Shop” has no border. Is there a way to fix that too? I’ve also noticed it’s slightly bigger than the rest as well.
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