Brooklyn Theme - Move text in Collection Title Images to bottom

Solved
Highlighted
Tourist
3 0 0

Hello there,

I am looking at how to modify the text that shows over images for my collection list on the home page. I am using the Brooklyn theme and at present, the text is white and in the middle of the images so I can hardly read the text, therefore I want to move the text to the bottom.

Any help would be greatly appreciated. Thank you.Capture.JPG

0 Likes
Highlighted
Shopify Partner
3171 697 844

@StevenD 

Please share the website URL. I will check and provide a solution.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Astronaut
922 81 109

@StevenD please share your website and password if any.

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Tourist
3 0 0

my website is https://emartizen.com/ and pw is lahgle

 

0 Likes
Highlighted
Shopify Partner
3171 697 844

This is an accepted solution.

@StevenD 

Please add the following code at the bottom of your assets/theme.scss.liquid file

@media screen and (min-width: 591px){
.collection-collage__item.large--one-third {height: 300px !important;}
}

.collection-grid__item-title--wrapper {top: 112px !important;}
.collection-grid__item-overlay {height: 80% !important;}

 

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
3 0 0

Thank you for your support. It works awesome. 

0 Likes
Highlighted
Visitor
1 0 0

Thanks 

 

0 Likes