Shopify themes, liquid, logos, and UX
I'm trying to change the menu font "Home, Categories, etc". I want it in all caps, so I was able to figure that out, but I can't find any of the css files they refer to on here in my code to add test code to. I'm just wanting to change it here and in the product card headers. Thanks!
https://l4yulyw4jbgarhac-89214681390.shopifypreview.com
Hi @AndreaH3737,
I checked and it was capitalized, what else do you want?
You can use following code, it will work only for header. Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
.header__menu-item {
text-transform: capitalize !important;
}
I want to make this font different than the font in the theme..... as stated, I figured out how to make it all capital already - just need to change the font....
Hi @AndreaH3737,
What font do you want it to display? And is the font already integrated into the theme?
Please let me know, I will help you check it
HI @AndreaH3737
I saw that in your preview theme, all headers are capitalized, what do you want more?
If you want to know where to add code, there are 2 ways:
1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUK
- Paste the code provided into the Custom CSS section.
2. Go to Shopify Admin -> Online Store ->Theme -> Edit code
- Search file theme.liquid
- Insert code above </head>
I hope this helps
Best,
Daisy
I want to make this font different than the font in the theme..... as stated, I figured out how to make it all capital already - just need to change the font.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025