All things Shopify and commerce
Hi All,
On the product page, I'm trying to change the purple logo below to black.
It's an SVG which I think I can change via CSS in the main.css file. I've tried a few variations (below) with no success.
shop-pay-logo svg {
fill: rgb(0 0 0);
}
svg.shop-pay-logo {
fill: rgb(0 0 0);
}
Any other suggestions?
Thanks in advance!
You can try targeting the SVG directly by using this CSS snippet in your main.css:
```css
img.shop-pay-logo {
filter: invert(1);
}
```
This will invert the colors, which should effectively make the purple logo black. If that doesn’t work, you might need to edit the SVG file itself to change the fill color.
Thanks, unfortunately still unsuccessful. I think you're right about changing the file itself.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024