Modify collection card on featured collection: Ventures Theme

Modify collection card on featured collection: Ventures Theme

StickerHubNZ
New Member
7 0 0

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

 

Thanks very much! 🙂

Reply 1 (1)

Raj-webdesigner
Shopify Partner
325 76 78

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

Are you looking for Shopify Developer then your search is over I will help you


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.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com