Jump to content

Widen the text area on blog posts? (Pacific template)

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://makethemawesome.com

I was wondering if I could get some help with widening the area for text for blog posts in Pacific. It's something I just put up with for a while, but after a recent post I was like "Okay, I need to find a solution for this."

Here's an example to help illustrate the idea:

image.thumb.png.e065caf4fbec70cd9790c8c14987e275.png

 

The way the images jut out for far away from the text is really annoying. Plus I have a tendency to add Gallery blocks at the end and those are way wider than the text as well. I'm guessing it would require some sort of header code injection but 1) I know barely anything about CSS to come up with a solution on my own, and 2) I'm not entirely sure what the default width for Gallery blocks.

Anyone have any clues about this one?

Link to comment
  • Solution
11 hours ago, RobSwackhamer said:

I was wondering if I could get some help with widening the area for text for blog posts in Pacific.

On Pacific-family templates (Bryler, Charlotte, Horizon, Naomi, Pacific), blog posts are limited in width to 36em for style reasons.

You can override this minimum width by adding the following to Design > Custom CSS:

.collection-type-blog article header, .collection-type-blog article footer, .collection-type-blog article .excerpt-content, .collection-type-blog article .sqs-layout .sqs-col-12 .html-block, .collection-type-blog article .sqs-layout .sqs-col-12 .markdown-block, .collection-type-blog article .p-comment {
  max-width: none;
}

Let me know how you get on.

Did this post answer your question? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
4 hours ago, paul2009 said:

On Pacific-family templates (Bryler, Charlotte, Horizon, Naomi, Pacific), blog posts are limited in width to 36em for style reasons.

You can override this minimum width by adding the following to Design > Custom CSS:

.collection-type-blog article header, .collection-type-blog article footer, .collection-type-blog article .excerpt-content, .collection-type-blog article .sqs-layout .sqs-col-12 .html-block, .collection-type-blog article .sqs-layout .sqs-col-12 .markdown-block, .collection-type-blog article .p-comment {
  max-width: none;
}

Let me know how you get on.

Did this post answer your question? Please give feedback by clicking an icon below  ⬇️

Yep, that took care of it! Thanks for the quick response.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.