Align text in "Our Formula" section of PDP to rest of page

Topic summary

A user modified CSS on their product page’s “Our Formula” section to change its background color, but this caused the text alignment to shift too far left on both desktop and mobile.

Issue Details:

  • The misalignment affects the “Our Formula” section specifically
  • Problem occurs after custom CSS color changes
  • Needs fixing across both desktop and mobile views

Proposed Solution:
A PageFly support representative provided a fix involving:

  1. Navigate to Online Stores > Themes
  2. Click Actions > Edit code > theme.liquid
  3. Add custom CSS code above the </head> tag

Status: Solution provided, awaiting confirmation if it resolved the alignment issue.

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

Hey Team,

I made some CSS adjustments to make the “Our Formula” portion of this page a different color (matching the area below it), but now the font is too far left.

Photo for reference.

Can you help me align this section on both PC and mobile?

Page: https://guisemen.com/products/green-stick

Thanks,

Will

Hi @guisemen

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Noah | PageFly

1 Like