How can I modify the collection layout in the Broadcast theme?

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! :heart:

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 :heart: ?

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