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

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:

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?

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.

@paul2009 This worked for my site too!! Thank you so much. 🙂