Shopify themes, liquid, logos, and UX
Hi team,
I'm looking for some help to modify the collection card on my featured collections as it looks out of place, and quite honestly ugly.
I would like 10 products to be displayed, and a orange button at the bottom of each featured collection reading "view more".
Store URL: https://stickerhub.co.nz/
Theme: Ventures
Here is what it currently looks like:
Thanks very much! 🙂
Add This css in your edit code > theme.css file
.collection .collection-card__meta {
bottom: unset !important;
transform: translate(-50%, -50%);
top: 50%;
left: 50% !important;
width: 100%;
}
.grid.grid--no-gutters.grid--uniform.collection {
position: relative;
margin-bottom: 70px;
}
.collection p.collection-card__subtext {
margin: 0;
}
.collection a.collection-card {
background-image: unset !important;
position: absolute;
padding: 0;
width: 200px;
height: 49px;
bottom: -70px;
z-index: 2;
left: 50%;
transform: translate(-50%);
}
.collection .collection-card:after{
background-color: #f89821 !important;
opacity: 1 !important;
}
.collection .collection-card:hover:after{
opacity: 1 !important;
background-color:#ae6205 !important;
}
.collection p.h1.collection-card__title {
display: none;
}
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Contect On My Mail :-Mail@gmail.com
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025