Hello! I just bought the broadcast them , I love everything expect the collection layout shown in the first photo. Is there a code to edit the collection list to look like or similar to the second photo thanks! ![]()
Hi @missbeautiful ,
Go to Assets > theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px) {
.index-collections-list .collection-item {
width: 50% !important;
}
.index-collections-list .collection-item:after {
content: '';
position: absolute;
background: #000;
opacity: 0.2;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
}
.index-collections-list .collection-item__info {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.index-collections-list .collection-item__info p{
color: #fff !important;
}
}
Hope it helps!
It does make them like that ! Ty! Is there a way to make them a little bit bigger ? Like taller not wider
?
Hi @missbeautiful ,
Go to Assets > theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px) {
.index-collections-list .collection-item .image__fill {
padding-top: 80% !important;
}
}
Hope it helps!
It’s still small ?but ty
Hi @missbeautiful ,
I checked and cant find the code you added,if you added it successfully everything will show like this:
Hope it helps!
Yeah it looks smaller then that I will try rn
Oh yeah that’s the code I put so I’m no sure
Yeah I tried the code again it’s not charging anything
Hi @missbeautiful ,
I didn’t find any code you added, you can add it again in theme.css file, I will help you check it
I added it already the photos just didn’t change
Hi @missbeautiful ,
You can add it again in theme.css file, I will help you check it
I did their still close together
Great input


