How can I align these two boxes on my product page?

Store Design

Topic summary

Issue: Two boxes on a Shopify product page appeared misaligned; the poster shared a screenshot and product link for context.

Proposed fix:

  • Constrain the Timesact widget container’s width via custom CSS to align it with the adjacent box.
  • Option A: Apply max-width: 44rem !important; to both #timesact_widget and its inner divs (#timesact_widget > div > div).
  • Option B: Set #timesact_widget { max-width: 440px !important; } and add it at the bottom of base.css (Online store > Themes > Edit code > Assets). A screenshot was provided to illustrate where to place the code.

Outcome: The original poster confirmed the solution worked. No further issues or follow-ups.

Status: Resolved. No outstanding questions.

Notes: Visual attachments (screenshot) and the live product link aided context but were not necessary to implement the CSS change.

Summarized with AI on January 22. AI used: gpt-5.
4

Got it – thank you!

1 Like