Developer forum

It has to be done in CSS.

You want it to go away completely or for specific scenarios? We can provide a bit of custom css.

From a UX perspecitive I would recommend a different design that does not require a text too long as most peple cannot read it. So if the information is important and relevant for the visitor of the site, it is our recommendation to not make the text that long. See e.g. here: https://medium.com/@wblekhoa/talk-aboutthe-optimal-length-of-text-in-ux-ui-525e689f0b71

I'm aware of UX and readability, but we have several customers who would like to have e bit more control and in some scenarios they want the text to be a bit wider.

We will add a checkbox to the text & text-image item and will solve it that way.

I just wanted to know if I was missing a default setting.

Thanks.

/Suzi

There is no setting for it. 

Consider adding a layout instead of a checkbox.

Hi Nicolai,
 

How would you approach this in CSS?

I understand that, from a UX perspective, the current setup is better — but my client really wants more control and insists on increasing the width of certain text paragraphs.

So I’m wondering: what’s the best way to override or adjust this with CSS?

Kind regards,

Ferri

Hi Ferri

If you want to overwrite the feature you can do it in e.g. one of these ways - just add the CSS to your custom CSS file.

Change the max width globally:

:root { --swift-text-width: 150ch; }

All text in the different content blocks are handled using the data-swift-text attribute on the layout template - so you can override that width like this:

:where([data-swift-text]) { --swift-text-width: 250ch; }

If you want to change the behavior for a single content type - e.g. the poster, you can do it like this:

[data-dw-itemtype="swift-v2_poster"] [data-swift-text] { --swift-text-width: 250ch; }

BR Nicolai