Brooklyn Theme - Move text in Collection Title Images to bottom

Solved
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
Shopify Partner
3699 822 1030

@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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Shopify Partner
1520 150 213

@StevenD please share your website and password if any.

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

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

 

0 Likes
Shopify Partner
3699 822 1030

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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
Tourist
3 0 0

Thank you for your support. It works awesome. 

0 Likes
New Member
1 0 0

Thanks 

 

0 Likes
New Member
1 0 0

I have to same problem.... I can't see the text on the mobile version.

 

My store is www.jollymonday.com 

Please help.  

0 Likes
Shopify Partner
1520 150 213

@Jessieswe - you will need to stretch height but that may not look good, if you want to try then add following css to the end of theme.scss file

 

@media screen and (max-width: 590px){.collection-collage__item.one-half {height: 270px;}}
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes