Solved

Center collection list names and remove arrows

atm19
Excursionist
41 0 3

 Hello, can someone help me please? I need to center the collection list names and remove the arrows. 

 

taneau.com (ride theme)

 

IMG_8364.jpeg

Accepted Solution (1)
deepaksharma
Shopify Partner
443 61 90

This is an accepted solution.

Place the same code in component-card.css to very bottom

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com

View solution in original post

Replies 15 (15)

prakashVt
Shopify Partner
95 9 16

Hello @atm19  
I can help you. Please share your store URL first. 

- Did you find my response useful? Mark it as "Accepted solution"; so others can see it, or just like it.
- VTN Power Wishlist Looking for a Wishlist App for your store? Check this app with the free plan available.
- Feel free to Contact me
atm19
Excursionist
41 0 3

www.taneau.com   it is on the homepage

ZestardTech
Shopify Expert
5393 971 1293

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.card-wrapper .card__content {
text-align: center;
}

 

ZestardTech_0-1709715490635.pngZestardTech_1-1709715503933.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
atm19
Excursionist
41 0 3

 Thanks! How can i remove the arrows? 

IMG_8365.jpeg

LuffyOnePiece
Shopify Partner
314 55 54

Hi @atm19 ,

 

Try adding below css to base.css file.

.collection-list-wrapper span.icon-wrap {
    display: none;
}

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
ZestardTech
Shopify Expert
5393 971 1293

Hi @atm19 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.collection-list-wrapper span.icon-wrap {
    display: none;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
deepaksharma
Shopify Partner
443 61 90

Hi there @atm19 

 

As per the guide and code provide by @ZestardTech you will be able to center the collection name in the center paste the below code to hide the arrow

.card__information .card__heading .full-unstyled-link .icon-wrap {
    display: none;
}

Let me know if you face any issue

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
atm19
Excursionist
41 0 3

Thanks it works! But only on detskop version. Not on the mobile. What should I add ? The center and arrow remove for mobile version.

atm19
Excursionist
41 0 3

Thanks it works. But only on detskop version how can I have it also on the mobile version ?

deepaksharma
Shopify Partner
443 61 90

Try adding important on each css

paste this code

 

.card__information {
    text-align: center !important;
}
.card__information .card__heading .full-unstyled-link .icon-wrap {
    display: none !important;
}

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

 

try this this must fix it. let me know if it fix

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
atm19
Excursionist
41 0 3

bottom base.css or where? Sorry I don't understand

deepaksharma
Shopify Partner
443 61 90

Replace the previous codes with this one in base.css, remove the previously provided css I have included all of them.

 

Yes very bottom

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
atm19
Excursionist
41 0 3

it didnt work for the mobile version:(

atm19
Excursionist
41 0 3

what should i try other?

deepaksharma
Shopify Partner
443 61 90

This is an accepted solution.

Place the same code in component-card.css to very bottom

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com