Move collapsable content to the middle instead of the left

Topic summary

A user seeks CSS code to center collapsable content elements that are currently left-aligned on their Craft theme store.

The GemPages support team provides a solution:

  • Navigate to Online Store > Theme > Edit code
  • Open the theme.liquid file
  • Paste custom CSS markup before the tag

The initial fix successfully centers the content. The user then requests additional help to adjust arrow positioning further to the left. The thread remains open with this follow-up question unanswered.

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

Hello, can someone give me the code to move this collapsable content to the middle instead of the left? any help would be appreciated

Im using craft theme and my site is www.exoticsouls.world

click the top right and my password us esfam1

Hello @ExoticSouls ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

  1. Open your theme.liquid theme file

  2. Paste the below code before


If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

1 Like

worked thank you, also how can I move these arrows in to the left more?