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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025