How to modify policy layout in Bullet theme?

Shopify Discussion

Topic summary

Change policy pages from two columns to one in Shopify’s Bullet theme.

  • The OP proposed CSS “.shopify-policy__container { display: block }” but couldn’t find theme.css/base.css to place it.

  • A suggestion was to add custom code via Online Store → Theme → Edit code → theme.liquid (paste at bottom). The specific code content wasn’t provided in the reply.

  • Outcome: The OP used Theme settings → Custom Code to apply the CSS and confirmed it worked.

  • Follow-up request: Center the text and title on the Privacy Policy page; no solution given yet.

  • Status: Initial layout issue resolved; centering question remains open.

  • Note: CSS (site styling) setting the policy container to display: block forces a single-column layout. A screenshot was shared but is not essential to understand the issue.

Summarized with AI on January 5. AI used: gpt-5.
1

I want to change the layout of the policy pages, right now the text is displaying a 2 columns, I want the text to display as 1 column.

I have a code that I don’t know where to put because of the specific bullet theme that I’m using. I can’t find theme.css or base.css etc.

this is the code that I think I need to incorporate but I don’t know where to put it:

.shopify-policy__container { display: block }

Screen Shot 2024-02-15 at 2.28.48 pm.png
Screen Shot 2024-02-15 at 2.28.48 pm.png2874×1628 540 KB

2

Hi @taliad998 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
3

Thank you! I figured another way I went to Theme settings → Custom Code and it worked too.

I have another question, I want to center the text and title in the privacy section. How to I do that?