How can I center align text and headers in accordians?

Topic summary

A user seeks help center-aligning text and headers within accordion elements on their Shopify store page. Two solutions have been proposed:

Solution 1 (pawankumar):

  • Add custom CSS code before the closing </body> tag in the theme.liquid file
  • Code snippet provided (appears corrupted in the original post)

Solution 2 (PageFly-Noah):

  • Navigate to Online Stores > Themes > Edit code
  • Add CSS code above the </head> tag in theme.liquid
  • Code snippet provided (also appears corrupted)

Both responses include CSS code, but the actual code content is garbled or reversed in the conversation, making it difficult to verify the exact solution. The issue remains unresolved as the original poster has not confirmed whether either approach worked.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

How do you center all the text and header of these accordians to center align?

https://mana-matcha-hawaii.myshopify.com/pages/support

PW: MM2024

Hi @ashleyfonseca
Please put this code before the body closing tag in theme.liquid


Please check if it is helpful to you
Thanks!

This is Noah from PageFly - Shopify Page Builder App

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag


Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly