How can I center product descriptions using Custom Liquid code in Studio theme?

Store Design

Topic summary

Main issue: A user displays product descriptions under product images using Custom Liquid, but the text spans edge-to-edge without margins and needs to be centered in the Studio theme.

Context: Custom Liquid outputs the description ({{ product.description }}), while CSS (Cascading Style Sheets) controls alignment and spacing. The provided HTML structure includes classes like page-width and rte, and styling is central to resolving the issue.

Responses: Multiple replies request the store URL, screenshots, and (if applicable) the password to see the exact layout. Suggestions indicate the fix should be done with CSS—either within a tag or the theme’s CSS file—to add margins and center-align the text.

Actions/next steps: Share the store URL and visual examples so tailored CSS can be provided (e.g., text-align: center; and margin settings on the description container).

Outcome/Status: No specific CSS solution was posted yet; the thread remains open pending site details from the user.

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

Hi. I have a code in Custom Liquid <div class=“page-width>”

{{product.description}}
Thanks to this, the product description is displayed under the product image. But how to make the text look nice and centered. Now it is stretched from left to right without any margins. Studio Theme. Thank you in advance.

1 Like
2

@Malwina , Hope you are doing well.

could you please share your store URL and screenshot where you would like to change and how you would like to display?

3

Hi @Malwina ,

The margins and the center align are by CSS you can put together also the the liquid code but you need to used style tag or you can also paste it on the css file. If you would mind to share your URL website? with password we can help you to provide the code. Thanks!

4

@Malwina

Please share your store URL!

Thanks!