Hi there! I’m trying to change the font size of the titles of the collection cards. I’d like to make the font slightly smaller so that it fits on one line. I’ve tried a bunch of different suggestions found in the forums however nothing seems to work.
3 Likes
Hi Confettimyparty , I can send you an access request and add the necessary customizations, it seems that you have problems adding the code yourself.
Would you mind to share your Store URL website? with password if its unpublish. Thanks!
Hi there! Yes the URL is www.confettimyparty.com
1 Like
Thanks for the info, try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
a.full-unstyled-link {
font-size: 1.5rem !important;
}
-
And save.
-
Result:
-
Note: You can adjust the sizes you like.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
3 Likes
Amazing!! This worked, thanks so much! Would you also be able to help me out with making that text aligned centered to the photo? THANK YOU!
Yeah sure, check this one. Same Instruction.
.card__content {
text-align: center !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
Thanks so much for your help! This did the trick 
Are you able to help me with the same issue please. I would like to change the font size of my titles on my collection cards on the home page. The code you sent didn’t work for me unfortunately. I am using dawn theme.
Thank you!!
1 Like
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
ul#Slider-template--21575169376542__collection_list_yxCfUn h3.card__heading a {
font-size: 26px !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hey @Made4uo-Ribe I am trying to edit the size of the collection card title text on our ‘Collection List’ block however none of the above code works.
Could you please confirm how I can do this on Mobile & Desktop individually, as the code may have been updated.
I appreciate your help!
1 Like
Sure, would you mind to share your store URL? Thanks!