FROM CACHE - en_header

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
34439 3446 11281

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 12 (12)
KetanKumar
Shopify Partner
34439 3446 11281

@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
Markoz
Tourist
4 0 1
KetanKumar
Shopify Partner
34439 3446 11281

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
Markoz
Tourist
4 0 1
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
34439 3446 11281

@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
34439 3446 11281

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

KetanKumar
Shopify Partner
34439 3446 11281

@VoyoBeauty 

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
VoyoBeauty
New Member
2 0 1

Hello,

Thank you for your reply. My site url is :

https://www.voyobeauty.com/password

However my site is password protected, will that be a problem?

Thanks in advance.

KristinTFS
New Member
2 0 1

Hi Ketan - Im also having this issue and the code and location to place you provided doesnt work. I am at www.thefillingstationgoods.com

Can you help?