How to remove collection title dawn theme

Store Design
1

How to remove the collection titles ? My theme is dawn

744A276E-620A-43D5-A393-7C010BBDF9DD.jpeg
744A276E-620A-43D5-A393-7C010BBDF9DD.jpeg1640×2360 262 KB

B4B1D604-5EF6-4C41-8754-B574029CBD80.jpeg
B4B1D604-5EF6-4C41-8754-B574029CBD80.jpeg1640×2360 267 KB

2

Hi @Senitragraphics ,

Just follow the instructions below.

  1. Go to Admin page > Online store > themes > Actions > Edit code
  2. Open the base.css under the Asset folder then add the code below.
.collection-list .card__content {
display: none
}
3

Thank you but now the collections is not clickable

4

So sorry. The title contains the link. Anyway, this is the best I can do without going in the code.

Replace the code provided with the code below

  1. Go to Admin > Online store > Themes > Actions > Edit code
  2. Open the base.css file under the Asset folder
  3. Add the code below.
.card__heading .full-unstyled-link {
    width: 0 !important;
    height: 0 !important;
    font-size: 0px !important;
    color: white !important;
}
5

Hi @Senitragraphics

  1. Go to Admin page > Online store > themes > Actions > Edit code
  2. Open the base.css under the Asset folder then add the code below.
.card__text.card__text-spacing.card-colored.card__text-hover {
display: none;
}
6

Hello! I was having the same issue and this fixed my problem. Although, now there are some weird spacing issues. Can I have the collection image take up the full space where the text originally was? Or possibly another way around this? Thanks in advance!

2022_07_14_16_09_29_OtakuRoll_Home_Otakuroll_Opera.png
2022_07_14_16_09_29_OtakuRoll_Home_Otakuroll_Opera.png1186×901 274 KB

2022_07_14_16_11_05_OtakuRoll_Home_Otakuroll_Opera.png
2022_07_14_16_11_05_OtakuRoll_Home_Otakuroll_Opera.png1191×873 382 KB

7

@okimiku1
Hello,
Can You Please Share Store URL..

8

https://otakuroll.com

I ended up changing the padding width of the template as a temporary fix; although, I still have the same issue.

9

@okimiku1
Hello,

.card--standard > .card__content .card__information {
  padding: 0 !important;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1657864813882.png
oscprofessional_0-1657864813882.png1344×852 266 KB

10

Thank you so much! This worked!

11

@okimiku1
Its Useful so please Like and Accept solution
Thanks

12

Hi there,

Do you have a code that will remove the text below collection images but only on the home page not product pages. I applied this code and have now removed my product names on the product pages and am needing to correct it. Thank you