Focal Theme: Extend Width Of Product Description

Topic summary

A user seeks to widen the product description section in the Focal theme to match the width of other product content elements on the page.

Solution Provided:

  • Navigate to Online Store > Theme options > Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code immediately before the closing </body> tag
  • Save changes and perform a hard refresh

The CSS targets the product description container to expand its maximum width. A screenshot demonstrates the successful implementation, showing the description now aligned with surrounding content width.

Status: Resolved — the original poster confirmed the solution worked perfectly.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hello, the product description in focal theme is very narrow. We are looking to extend the width of our product descriptions so it is even with the width of all other product content. Photo is attached to show where we would like it to extend to.

Thank you!

Store Link: https://pondstream.com/products/airmax-ecoseries-3-in-1-pond-fountain

Example:

1 Like

Hey @hdkingy .

Here’s how to do that:

  • Navigate to Online Store > Three dots > Edit code
  • Find the theme.liquid file
  • Paste the code below right before the closing tag
  • Save and hard-refresh the storefront

If done correctly, the result should be like this:

1 Like

Perfect, thanks

1 Like