Debut Theme - Font Size for Titles in Collection List

Solved
Highlighted
Tourist
8 0 0

I am looking to change the font size of the collection title in a collection list to be the same size as the product title on a collection page.  I have attached two images to show the difference.  The issue comes up on the home page under featured collections as well as pages I have set up with collection lists.  

 

My shop is www.photographersdigitalmarket.com

 

Screen shot of homepage with collection list with titles too large.

Collection List - Font too largeCollection List - Font too large

Screen shot of collections page of product titles I am trying to match.  

Collection Page - Product title I want to matchCollection Page - Product title I want to match

 

 

 

0 Likes
Highlighted
Tourist
8 0 0

I added

font-size: 18px;

under 

}
.collection-grid .collection-grid-item__title {
  font-size: 18px;
  transform:none;
  top:auto;
}

This seems like a hack but the text matches closely, may not be exact but it works.  Now I have a second problem.  The second line of the titles are being cut off, how do I change the spacing in the collection grid so the titles dont get cut off?  

0 Likes
Highlighted

Success.

Hello @digitaldownload,

Please add below css

@media only screen and (min-width: 750px) {
 .template-index .collection-grid-item {
  margin-bottom:60px;
 }
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
8 0 0

Thank you for the reply.  I used your example and added this

 

.collection-grid .collection-grid-item {
margin-bottom:60px;
}  

And it has applied the spacing I need to all the collection lists on the various pages I have.  Thanks for your help.  

 

0 Likes