Shopify themes, liquid, logos, and UX
I'am trying to remove the title of the collection list from showing, as i only want the Collection Image to show as it contains the collection name. see below image
my theme Dawn
Store URL: https://bforbaby.sa/
Solved! Go to the solution
This is an accepted solution.
Hi @SAlawadhi,
One way to do this and still keeping the image clickable is add the opacity = 0. Please follow the instructions below.
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code.
3. Open the base.css under the Asset folder.
4. Add the code below.
.collection-list-wrapper .card__content {
opacity: 0
}
This is an accepted solution.
Hi @SAlawadhi,
Yes, you can add this code below to your base.css.
.collection-list-wrapper .card__content {
height: 0 !important
}
This is an accepted solution.
Hi @SAlawadhi,
One way to do this and still keeping the image clickable is add the opacity = 0. Please follow the instructions below.
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code.
3. Open the base.css under the Asset folder.
4. Add the code below.
.collection-list-wrapper .card__content {
opacity: 0
}
Great, it worked. thank you so much
so, not possible to remove the space below and still be clickable!
i also tried the solution by MyCodeMagic below, and it gives the look i wanted, but not clickable which is of no use ofcourse.
Does this method still work? I have attempted this code but nothing seems to have changed.
Same there, I tried with no luck!
Hi, is it possible to remove it only on homepage? check speedstyle.shop , it removes it from every other page, if you click on phone cases. thank you
Hello @SAlawadhi,
You need following simple steps
1. In your Admin page, go to Online store > Themes
2. Choose the theme you want to edit then click Actions > Edit code.
3. Open the base.css under the Asset folder.
4. Add the code below.
li.collection-list__item .card--standard>.card__content {
display: none;
}
Output like this:
works perfect as far as look required, but it became not clickable!
This is an accepted solution.
Hi @SAlawadhi,
Yes, you can add this code below to your base.css.
.collection-list-wrapper .card__content {
height: 0 !important
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024