To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

Changing Green Tick on Pickup Available

Solved
JJBDude
Excursionist
22 0 4

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

Accepted Solution (1)

Accepted Solutions
PageFly-Richard
Shopify Partner
2116 380 1056

This is an accepted solution.

HI @JJBDude 

you can try this:

.icon.icon-tick path {
       fill: #2be31a;
        stroke: none;
}

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

View solution in original post

Replies 6 (6)
PageFly-Richard
Shopify Partner
2116 380 1056

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

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

JJBDude
Excursionist
22 0 4

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

PageFly-Richard
Shopify Partner
2116 380 1056

@JJBDude 

 

You can try again with this code:

.icon.icon-tick path {
      fill: #2be31a;
}

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

JJBDude
Excursionist
22 0 4

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?

PageFly-Richard
Shopify Partner
2116 380 1056

This is an accepted solution.

HI @JJBDude 

you can try this:

.icon.icon-tick path {
       fill: #2be31a;
        stroke: none;
}

If it’s helpful to you, please let me know by giving it a like or marking it as a solution.


PageFly #1 Shopify Landing Page Builder - Free to use, 24/7 Live Chat Support.


Hesitate to begin? Check out our top brands with successful stories with PageFly’s Case Studies.

JJBDude
Excursionist
22 0 4

That will do. Thanks Richard!