Issue Update Customized Product CSS

Technical Q&A
, , , ,

Topic summary

A user encountered a CSS syntax error when attempting to style a product page in Shopify. The issue occurred when trying to save CSS targeting .metafield-rich_text_field paragraphs with red, bold text.

Problem identified:

  • Nested CSS syntax with extra curly braces caused a save error
  • The styling appeared correctly in real-time preview but failed on save

Solution provided:

  • Remove the nested curly braces from the CSS block
  • Flatten the selector structure to proper CSS syntax

Status: Resolved - the original poster confirmed the fix worked.

Note: Two unrelated posts about account blocking issues appeared at the end but are separate from this CSS troubleshooting thread.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
2

Hi @vpellv

You just need to adjust the code a little bit like this

image.png
image.png1420×475 66.1 KB

Please remove 2 { in the above place and it should work as expected

I hope this helps

Best,

Daisy

1 Like