The title name of each collection is not showing up, and only the picture in the collection tab is on my home page. I need help adding a collection title to each category.
1 Like
Hi @Filpup there is already a customize rule in the base.css purposefully hiding ALL card information elements.
base.css:3556 css rule hiding text elements
/*No Arrow & Titles on Collection Cards */
.collection-card-wrapper .card__content .card__information {
height: 0;
overflow: hidden;
padding: 0;
}
Either tune that theme wide style to fix it properly, or try something like the below style band-aid in a custom-css setting for that section
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
.collection-card-wrapper .card__content .card__information {
height: auto !important;
overflow: auto !important;
padding: initial !important;
}
And an additional style to hide the 'arrow' icons
/*No Arrow on Collection Cards */
.collection-card-wrapper .card__content .card__information .icon-wrap {
display: none !important;
}
If your unsure what this all means you can reach out to me for theme customization services.
CLICK profile-pic on forums for options to connect.
ALWAYS include context in new communications, e.g. reference urls, posts urls, etc
Hi @Filpup
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.collection-card-wrapper .card__content .card__information {
height: auto !important;
overflow: auto !important;
margin-top: 18px;
}
Output :-
Best regards,
Devcoder 
1 Like
You added this code to base.css, which removed your title. Please remove height: 0; to take your tilte back
1 Like
Hi @Filpup ,
Go to Online Store > Themes > Actions > Edit Code > base.css Add below code at the bottom of base.css file
.card-wrapper .card__information {
height: auto !important;
overflow: auto !important;
margin-top: 15px;
}
.card__heading .full-unstyled-link {
color: rgb(246,140,181);
}
1 Like