We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How can I adjust the collection list to full width and remove text under images?

How can I adjust the collection list to full width and remove text under images?

kitchencrafted
Explorer
113 0 23

Hello, guys! How can i make my collection list full width AND also remove the text under the images 'CLOTHING ->; FOOTWEAR ->; ACTIVEWEAR ->'?

Website: https://fddd3f.myshopify.com/

Password: asd321

 

Screenshot_2.jpg

Replies 4 (4)

ZestardTech
Shopify Partner
6161 1100 1479

Hello @kitchencrafted 

Hello

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.page-width {
max-width: 100%;
}

 

ZestardTech_0-1691673655107.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
kitchencrafted
Explorer
113 0 23

Hello! Thanks for your solution! How can I remove the text under the pictures?

 

'CLOTHING ->; FOOTWEAR ->; ACTIVEWEAR ->'

Screenshot_1.jpg

Sivadarshan
Shopify Partner
406 2 90

Just simple make the font size to 0px

collection list --> scroll down to custom css --> add the code 🙂 

.card__heading {
  font-size: 0px;
}

 

RichardFS
Shopify Partner
4 0 0

I also needed this, and it worked perfectly after multiple other suggestions failed. Thank you!