Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Text missing on collections list page dawn theme

Solved

Text missing on collections list page dawn theme

JordiP
Explorer
51 0 9

Hello, I had recently made some edits regarding collection lists and how they appear, and now it seems I have messed up my collections list page to where all the text is gone. Does someone know how to get the text back?

 

Coding I added initially: Here and then some tweaks here

 

JordiP_0-1729094673862.png

( ^ What I have right now, seems like there is text missing)

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
9039 2160 2665

This is an accepted solution.

Hi @JordiP 

Sorry for that I didnt check the collection list. There is one code that you add I've try to overide. 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"

2. Find the theme that you want to edit and click on "Actions" and then "Edit code".

3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.collection-list .card__content {
    position: absolute;
    bottom: 50px !important;
 }

.collection-list {
    padding-bottom: 20px;
}

.collection-list .card__inner {
    flex-grow: 1;
}

@media only screen and (max-width: 749px){
.collection-list__item.grid__item {
    width: 100%;
    max-width: 100%;
}
}
</style>

 

And Save. 

Result:

Made4uoRibe_0-1729109822156.png

Made4uoRibe_1-1729109968756.png

 

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Replies 4 (4)

diegoiniguez
Shopify Partner
2 0 0

Can you please share the url to take a look?

diegoiniguez
Shopify Partner
2 0 0
Found it, please try adding this to your section:

.full-unstyled-link
 {
  text-decoration: none;
  color: currentColor; <--- Change this to your preferred color ex: black
  display: block;
}

Made4uo-Ribe
Shopify Partner
9039 2160 2665

This is an accepted solution.

Hi @JordiP 

Sorry for that I didnt check the collection list. There is one code that you add I've try to overide. 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes"

2. Find the theme that you want to edit and click on "Actions" and then "Edit code".

3. In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

 

<style>
.collection-list .card__content {
    position: absolute;
    bottom: 50px !important;
 }

.collection-list {
    padding-bottom: 20px;
}

.collection-list .card__inner {
    flex-grow: 1;
}

@media only screen and (max-width: 749px){
.collection-list__item.grid__item {
    width: 100%;
    max-width: 100%;
}
}
</style>

 

And Save. 

Result:

Made4uoRibe_0-1729109822156.png

Made4uoRibe_1-1729109968756.png

 

 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
JordiP
Explorer
51 0 9

Thank you!!!