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.
Solved! Go to the solution
Please share the website URL. I will check and provide a solution.
Thanks!
@StevenD please share your website and password if any.
This is an accepted solution.
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!
I'm using your solution and It works for the desktop version of my website. But it does not work in the mobile version where
the titles are not shown at all.
Do you know how could I fix it?
Thanks
I have to same problem.... I can't see the text on the mobile version.
My store is www.jollymonday.com
Please help.
@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
User | Count |
---|---|
817 | |
119 | |
94 | |
94 | |
73 |