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 to change metafield subtitles on product page grid

How to change metafield subtitles on product page grid

Exclusive-Scent
Excursionist
14 0 5

How do I change the metafield subtitle in the product card grid to smaller tried everything 

 

Screenshot_20250616_155653_Samsung Internet.jpg

Replies 4 (4)

Olamzstudio
Excursionist
21 1 2

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.

If this clarified the solution,let me know by marking
And further questions,feel free to ask
olamzstudio#;gmail.com both on Shopify

Olamzstudio
Excursionist
21 1 2

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.

If this clarified the solution,let me know by marking
And further questions,feel free to ask
olamzstudio#;gmail.com both on Shopify
Exclusive-Scent
Excursionist
14 0 5

Hi this doesn't work 

Olamzstudio
Excursionist
21 1 2

 

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?

If this clarified the solution,let me know by marking
And further questions,feel free to ask
olamzstudio#;gmail.com both on Shopify