Reduce width of post pages

Hi @eventide0

If you’re looking to only narrow the post pages, you will need to do that with CSS, I’m afraid.

Otherwise, options are available right inside the Customiser -> General -> Layout section. Have you given those a try?

Thanks!

I have. But overall its just too wide on desktop. I don’t know CSS very weel but tried to set the max-width of .ct-container. That didn’t work. Any suggestions?

Hi @eventide0

Please provide your website’s exact URLs where you want to achieve this on and I’ll try to personalise a snippet for you.

Thanks!

Its not live. I am moving my site over – or rebuilding a squarespace site. Not close to going live yet.

Hi @eventide0

Unfortunately, it is very hard to personalise a snippet without seeing a live example.

If you want, please get back to me when the site is online and I’ll do my best. Until then, I’m afraid that you’re out of luck, as I do not have knowledge of how your setup is arranged.

Thank you.

@cteduard

Now that the site is live I’d like to revive this thread. I’d like for the post pages to be more narrow? Any suggestions on how I can do that? Here is an example page: https://relativelygenealogy.com/the-unsinkable-harold-parker-ewart/. It is much too wide.

Thank you for all the help you’ve given me lately!

Hi @eventide0

Please try something like this —

@media (min-width: 1000px) {
	.single-post [data-sidebar=right] {
		--grid-template-columns: minmax(100px, 0.4fr) var(--sidebar-width, 27%);
		justify-content: center;
	}
}

Modify the 0.4fr value to whatever you wish, keep the rest the same. You should be ok.

Thanks.

@cteduard

That didn’t seem to change anything that I can see.

What do you mean by this, @eventide0 ?

I can clearly see the post page being narrower on my end — https://ibb.co/vzJgMYN

Maybe it’s something on my end. I tried clearing cache in my browsers but it still looks the same.

Looks the same in WP also.

So, it doesn’t look like the picture I’ve sent you?

It was a problem on my end. I don’t know what I am doing but I flushed the object cache and now I see it ?? Still testing but so far everything looks great! TY

Hello @eventide0

We recommend disabling any caching solution while working on the site. This is to ensure that you see all the changes immediately and don’t have to fuss about with any settings.

Thanks.

@cteduard

I am hoping this is the last of the major changes. Thanks so much!