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.
1

Issue in Updating the product page style with CSS.
It happens when I add the CSS block belove

shop3.png
shop3.png1842×862 218 KB

.metafield-rich_text_field {
p {
color: red;
font-weight: bold;
}
}

Syntax seems to be good. I can see the update of color in real time … but I get error when I try to save.
Please need help.

Thanks,
Val

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
3

Thanks it works fine :wink:

4

Hello please can you help unlock my account please

5

Hello please my Shopify always block my account I need someone to help me recover my account please