How to remove overlay text from collections on brooklyn theme - home page collections

Solved
Markoz
Tourist
4 0 1

I wonder how can I remove the text from collection images on home page for Brooklyn them. Here is the picture how my site looks rn.

 

Thanks for anyone helping.

 

image.PNG

I want the upper text that's from Brooklyn theme removed. 

KetanKumar
Shopify Partner
23668 2382 8694

@Markoz 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Markoz
Tourist
4 0 1

store url: https://shop-nivo.myshopify.com/

password: creipo

 

0 Likes
KetanKumar
Shopify Partner
23668 2382 8694

This is an accepted solution.

@Markoz 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-grid__item-title {
display: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Markoz
Tourist
4 0 1

Thank you!

0 Likes
rodrigodacal
New Member
2 0 2

I had the same issue and solved changing code at asset theme.css from:

.collection-hero__title {
position: absolute;
color: var(--color-overlay-title-text);
width: 100%;
text-align: center;
left: 0;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
@media only screen and (min-width: 750px) {
.collection-hero__title {
font-size: calc(((var(--font-size-header) + 6) / (var(--font-size-base))) * 1em); } }

to:

.collection-hero__title {
display: none;
}

 

KetanKumar
Shopify Partner
23668 2382 8694

@rodrigodacal 


Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rodrigodacal
New Member
2 0 2

Hi @KetanKumar 

Thanks for your attention. I had already solved my issue using the code above.

my shopify site is www.fornoecia.com but it is not yet released.

Regards,

Rodrigo

KetanKumar
Shopify Partner
23668 2382 8694

@rodrigodacal 

Wow it would be great

thanks or update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
VoyoBeauty
New Member
1 0 1

Hey, I’m having the same issue and tried your method but it didn’t work. I don’t know if it changed since the last time you gave this solution but I could really use some help I’m launching on Monday and I’ve been at this for weeks and nothing seems to work with removing the text overlay on my collection list in the Brooklyn theme. Please help