Re: Remove arrow from collections list cards

Solved

Remove arrow from collections list cards

golazocases
Explorer
96 0 28

hi i would like to remove the arrows from the collections list cards on both desktop and mobile - so that it is just the collections name.

 

Screenshot 2024-08-12 at 08.09.33.png

Accepted Solution (1)

Sangeetanahar
Explorer
541 36 69

This is an accepted solution.

hello @golazocases 


Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-card.css ---->

add the code at the bottom of the file.

.card .icon-wrap {
 
    display: none;
}

- Buy me a Pizza
- If helpful then please Like and Accept Solution.

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here

View solution in original post

Replies 5 (5)

Sangeetanahar
Explorer
541 36 69

Hello @golazocases 

can you please share your website URL.

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here
golazocases
Explorer
96 0 28

golazocasesuk.myshopify.com

 

theme: trade

Moeed
Shopify Partner
5488 1485 1775

Hey @golazocases 

 

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 </body> tag

<style>
.card .icon-wrap {
    display: none !important;
}
</style>

RESULT:

 

Moeed_0-1723446976038.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
558 121 110

Hello @golazocases 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-card.css
add this code at the end of the file.

.card .icon-wrap {
display: none !important;
}

result
20.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Sangeetanahar
Explorer
541 36 69

This is an accepted solution.

hello @golazocases 


Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-card.css ---->

add the code at the bottom of the file.

.card .icon-wrap {
 
    display: none;
}

- Buy me a Pizza
- If helpful then please Like and Accept Solution.

Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -sangeetarahuldhiman@gmail.com - Skype: live:sangeetarahuldhiman -Whatsapp: +917009811712
Checkout Some Free Sections Here