Moving Collection Title from below to above image in Minimal

Solved
GraceWilmshurst
Excursionist
30 0 8

Hi,

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

Screen Shot 2021-01-14 at 9.25.37 AM.png

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

0 Likes
prinpadure
Explorer
103 29 35

This is an accepted solution.

Hi @GraceWilmshurst 

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

 

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

 

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
GraceWilmshurst
Excursionist
30 0 8

Excellent.

That worked a treat. Thank you so much.

GW

GraceWilmshurst
Excursionist
30 0 8

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.

0 Likes
prinpadure
Explorer
103 29 35

This is an 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;
}

 

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
0 Likes
GraceWilmshurst
Excursionist
30 0 8

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

GraceWilmshurst
Excursionist
30 0 8

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

 

Screen Shot 2021-01-15 at 2.00.36 PM.png

 Sooo nearly there!!

Huge thanks

GW

 

0 Likes
prinpadure
Explorer
103 29 35

Hi @GraceWilmshurst 

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

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
0 Likes
GraceWilmshurst
Excursionist
30 0 8

 Yes I did it looks like this:

 

Screen Shot 2021-01-21 at 5.52.16 PM.png

 what did i do wrong please?

0 Likes
prinpadure
Explorer
103 29 35

This is an accepted solution.

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

E-mail: rares.holota@gmail.com
Skype: live:2a4135b17a38cd3c
Available for hire
Feel free to contact me
0 Likes