Charlotte: Increase Blog Text Width

Charlotte Template Blog Example

In some Squarespace templates like Charlotte, the width of the text in blogs is restricted to a percentage of the screen width (see above). Images can be full width but the text is subject to these margins. They are calculated automatically because of a maximum width that has been set. You can override this with some CSS. Add the following snippet to Custom CSS:

.collection-type-blog article .sqs-layout .sqs-col-12 .html-block {
max-width: 63em;

The larger the number in max-width, the wider the text will be displayed (limited by the width of your browser).

SF Digital