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. 

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
25046 2508 9067

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

View solution in original post

Replies 11 (11)
KetanKumar
Shopify Partner
25046 2508 9067

@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
KetanKumar
Shopify Partner
25046 2508 9067

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

View solution in original post

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
25046 2508 9067

@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
25046 2508 9067

@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
2 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