All things Shopify and commerce
I've seen a few topics on this, but none with accepted solutions. I am looking to bold the metafield labels on my Product template. For example, I would like to bold "Release Date," "Attire Date," "Release Country," etc., but not the subsequent values. I have a feeling that this is a pretty amateur request, but I'm illiterate in JSON/CSS no matter how hard I try. 😁
Below is what I think would be an applicable JSON code snippet:
"sections": {
"main": {
"type": "main-product",
"blocks": {
"title": {
"type": "title",
"settings": {
}
},
"variant_picker_LgMYwd": {
"type": "variant_picker",
"settings": {
"picker_type": "button"
}
},
"description": {
"type": "description",
"settings": {
}
},
"vendor": {
"type": "text",
"disabled": true,
"settings": {
"text": "Promotion: {{ product.metafields.my_fields.promotion.value }}",
"text_style": "body"
}
},
"78339629-1ff8-4e48-bcde-d4361656e70c": {
"type": "text",
"settings": {
"text": "Release Date: {{ product.metafields.my_fields.release_date_revised.value }}",
"text_style": "body"
}
},
Hey @wrestlingfigdb
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
Hello @wrestlingfigdb
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.product p.product__text {
font-weight: 700 !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Thank you, but that bolded ALL the text. In the below I am looking to bold "Release Date," but not "2021," "Attire Date" but not the ridiculousness that follows, etc.
This code is being applied to all because all the text paragraph tags are written and all have the same class.
Got it. So I'm assuming that means I'd need to create a new class and then split the structure of the data...Bummer. I was really hoping this would be a quick fix.
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025