Removing the Title and Grey background in Collections in Brooklyn

Solved
Tri_S
New Member
6 0 0

I'm trying to remove the titles over my images in Collections AND the grey background in Collections. I've tried to use the code posted in previous posts, but nothing seems to work.

 

0 Likes
Jkolinovich
Explorer
86 12 20

hi @Tri_S 

Publish the url of your website to see in more detail what you want, so the community can help you better ..

If you liked my answer, like it
If I solved your question, click Accept as a solution
JKolinovich | JkoDesigns | for custom solutions contact me
0 Likes
Tri_S
New Member
6 0 0

I currently have periods "." in place of the titles because Shopify requires text in the Collections field, but I want to remove ALL text in the store view.

0 Likes
g33kgirl
Shopify Partner
223 59 75

This is an accepted solution.

To remove the titles, add this code at the end of your themes.scss.css file (Themes -> Edit code -> Assets -> themes.scss.css

 

.collection-grid__item-title--wrapper {
 display: none !important;
}

 

 

To remove the grey background:

 

.collection-collage__item-wrapper .collection-grid__item-overlay::after {
  display: none !important;
}

 

If you're not comfortable with code, please modify code files at your own risk.

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Tri_S
New Member
6 0 0

This worked!! Thank you!!!

0 Likes
dmwwebartisan
Shopify Partner
5869 1340 1721

@Tri_S 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

/* Remove background */
.collection-collage__item-wrapper .collection-grid__item-overlay:after {
    background-color: transparent !important;
    display:none  !important;   
}
/* Remove title  */
.collection-grid__item-title--wrapper {
 display: none !important;
}

Hope this works.

Thanks!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes