How can I change the font color of a dynamic metafield on my product page?

[DawnHazel]

Hi,

I have added a dynamic metafield to my product page (product.metafields.custom.instlang). It is displaying correctly but I want to change the font color to make it more visible. What is the best way of doing this?

Regards

Dawn (I am also using the Dawn theme 🙂

[Natasha-Saed]

Can you share your store url and an image which part you want to change the color for to be able to assist you.

[SomeUsernameHe · Accepted solution]

You can wrap it with a span and give that span a color.

<span style="color: red;">{{ product.metafields.custom.instlang }}</span>

[DawnHazel]

Thanks Drew. I bought you a coffee 🙂

[SomeUsernameHe]

Aw, thank you! I truly appreciate that! If you have any further questions do not hesitate to ask.

[MMO1]

Hi, where did you implement the <span style>? The metafield itself doesn't support HTML and the display section also doesn't support it