Shopify themes, liquid, logos, and UX
I'd like to format the metafields on our product page by bolding them, increasing the font size, and/or changing the colour. Right now, I am using the metafield formatting built into our theme (Craft), but as you can see in the example, it blends into the product description, so I'd like to make them stand out more:
I know the coding to use to change font appearance, but I'm not sure where to add it. The coding for our product page looks like this:
We have 2 metafield codes, above and below the product title. Can I add the formatting code somewhere in there?
To format style metafields with CSS the html structure is what you need to investigate.
Do not rely on screenshots when discussing code.
Always provide inspectable urls of the problem or specific code samples
This will drastically increase the chances of a solution or a CSS bandaid.
The first screenshots only convey the visual output, and the second only part of the JSON structure of setttings of the entire page.
https://community.shopify.com/c/shopify-design/help-us-help-you/td-p/668159
I'm not sure what you mean by an inspectable url. If I shouldn't be looking in the product.json code, where should I be looking? Our main-product.liquid doesn't include anything referencing metafields.
User | RANK |
---|---|
74 | |
72 | |
63 | |
61 | |
41 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023