Quick shop colour change

[Eze_Paul]

Helle guys,

I need help to change the colour of quick add icon to this colour #98B859.

See example on the second image!

[Liquid_xPert_SJ]

Hi @Eze_Paul

Please share the store url? so that i can share a possible solution with you.

Thanks

[Moeed]

Hey @Eze_Paul

I’m unable to locate the Quick Shop button, do you have it disabled? If yes, then can you please enable it or can you share the exact URL where your quick shop button is located at?

Best Regards,

Moeed

[Eze_Paul]

Yes!

https://hyggemobler.se/collections/rektangulara-matbord

[Eze_Paul]

Yes, it enable now!

https://hyggemobler.se/collections/rektangulara-matbord

[Moeed]

Hey @Eze_Paul

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Eze_Paul]

It worked perfect .

Honestly, I don’t know how you guys do this .

Thank you!

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Rahul_dhiman]

Hello @Eze_Paul

Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
and add this code at the very bottom of the file.

.quick-shop__trigger {
color: #fff !important;
}

svg.icon-svg.icon.icon--quickbuy {
background: #98B859 !important;
}

.icon--quickbuy {
width: 37px;
border-radius: 6px;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks