Shopify themes, liquid, logos, and UX
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
( ^ What I have right now, seems like there is text missing)
Solved! Go to the solution
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:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Can you please share the url to take a look?
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:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Thank you!!!
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024