Modify collection card on featured collection: Ventures Theme

Store Design
,
1

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:

EG3333.png
EG3333.png1531×795 190 KB

Thanks very much! :slightly_smiling_face:

2

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;
}