Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How do I change the metafield subtitle in the product card grid to smaller tried everything
Hello Exclusive
To change the metafield subtitle in the product card grid, you'll need to adjust the font size in your theme's CSS. Here's a quick solution:
1. *Add custom CSS*: Go to Online Store > Themes > Actions > Edit code.
2. *Target the subtitle element*: Use the browser inspector to find the CSS selector for the subtitle element.
3. *Add font-size property*: Add the following code to your theme's stylesheet:
.product-subtitle {
font-size: 12px; /* adjust the font size to your liking */
}
If you're not comfortable with coding or need further assistance, I'd be happy to help you customize your theme. With my expertise in Shopify development, I can ensure that your product card grid looks exactly how you want it to.
To change the metafield subtitle in the product card grid, you'll need to adjust the font size in your theme's CSS. Here's a quick solution:
1. Go to Online Store > Themes > Actions > Edit code.
2. Use the browser inspector to find the CSS selector for the subtitle element.
3. Add the following code to your theme's stylesheet:
.product-subtitle {
font-size: 12px; /adjust the font size to your liking /
}
If you're not comfortable with coding or need further assistance, I'd be happy to help you customize your theme. With my expertise in Shopify development, I can ensure that your product card grid looks exactly how you want it to.
Hi this doesn't work
Since the CSS code didn't work, let's try to identify the issue:
Ensure that `.product-subtitle` is the correct CSS selector for the subtitle element. Use the browser inspector to verify.
Other styles might be overriding your custom CSS. Try adding `!important` to the `font-size` property: `.product-subtitle { font-size: 12px !important; }`
some themes might have specific styles that need to be overridden. Try this
Or
How about I help inspect the theme and find a solution that works for you?