Moving Collection Title from below to above image in Minimal

[GraceWilmshurst]

Hi,

Im using Minimal. I would like to change the position of my Collection Titles from below to above.

This is what they look like on my Homepage currently. They need to be above my images.

I appreciate it will be some code, which I am yet to do so please keep it simple.

Any help much appreciated.

GW

[prinpadure · Accepted solution]

Hi @GraceWilmshurst 

Add the following at the end of your theme.scss file:

.grid-link {
	display: flex;
	flex-direction: column-reverse;
}

[GraceWilmshurst]

Excellent.

That worked a treat. Thank you so much.

GW

[GraceWilmshurst]

Actually this has put all headings throughout the shop on top. I only want to put the collection Title on the front page on top please. ANy help much appreciated.

[prinpadure · Accepted solution]

@GraceWilmshurst  my fault for not testing the other sections. Try with this:

[id^="shopify-section-collection-list"] .grid-link {
	display: flex;
	flex-direction: column-reverse;
}

[GraceWilmshurst]

Thank you so much. You da boss!!!!!

[GraceWilmshurst]

Hello..... Ahhh! I'm getting this code show at the bottom of my collection pages... how do i get rid of it?

 Sooo nearly there!!

Huge thanks

GW

[prinpadure]

Hi @GraceWilmshurst 

Did you put the sample code in the collection liquid file?

[GraceWilmshurst]

 Yes I did it looks like this:

 what did i do wrong please?

[prinpadure · Accepted solution]

You can remove it from there and just use the code from theme.scss