Change width text

Topic summary

A user seeks help adjusting the width of a text section on their desktop site (lunalucente.com/pages/contact).

Initially, responders request additional details like the theme name and page URL, suggesting a CSS snippet targeting .paragraph-class-wrapper with max-width: 680px as a potential solution.

After the URL is provided, a specific CSS code is offered:

.m-richtext__description {
  max-width: 360px;
  margin: 0 auto;
}

The user asks where to insert this code. The helper clarifies: click on the relevant section within the theme customizer to access the “Custom CSS” field, accompanied by a screenshot showing the location.

Status: Solution provided; awaiting user confirmation of implementation.

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

Hi everyone,

How can i change the width of this text section, so it is being showcased on desktop in 3 rows.

Hi @lunalucenteskin

Could you share the page URL containing that text block?

Yeah, we can’t help you without more info, like what theme it is and the store URL. If you can’t edit it using the theme editor, then you need to add a small snippet inside your CSS file, like:

.paragraph-class-wrapper {
  max-width: 680px
}

https://lunalucente.com/pages/contact

Hi @lunalucenteskin

Please add this code to Custom CSS of that section

.m-richtext__description {
max-width: 360px;
margin: 0 auto;
}

Where and how do i need to add this code here?

Please click on that section in Customize theme then you can see Custom CSS