Shopify themes, liquid, logos, and UX
Hey all,
I've been tweaking how the Pickup Available bit looks on my website. Ive managed to change fonts and sizes but not sure where I'd need to go to change the green tick that's before the word "Pickup". I would like to change it to a more apparent vibrant green colour and be able to make it bigger.
https://scenicskateshop.co.uk/products/fracture-adswarm-2-the-golden-ratio-deck-7-75
Regards,
Jason
Solved! Go to the solution
This is an accepted solution.
HI @JJBDude
you can try this:
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @JJBDude
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file
.icon.icon-tick {
height: 3rem !important;
}
path {
fill: #15b01d;
}
Hope that my solution works for you.
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hello Richard,
When I added this code it also changed the colour of every other icon on the site. Is there anyway it can be done just for the tick? Thanks
Jason
You can try again with this code:
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Looks like that did change the colour pop the tick but it has an outline that's white. I'd like to get rid of that too so it's just a clear tick if possible.
Edit: - Or be able to make the outline black and maybe fiddle with how thick it is?
This is an accepted solution.
HI @JJBDude
you can try this:
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
That will do. Thanks Richard!
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