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

Store Design
, , , , ,

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

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.

guisemen_0-1696977590139.png
guisemen_0-1696977590139.png2252×1066 187 KB

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

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

Thanks,

Will

2

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