center odd-numbered post excerpt in column list

Tagged: center, columns

This topic has 7 replies, 2 voices, and was last updated 3 years, 9 months ago by Tom.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
December 23, 2019 at 9:43 am #12452

Daniel
Participant

I have a list that is set for 2 columns, which will whow varying numbers of posts. When the number of posts is even, it looks good. But when it’s odd, the last post is right-justified and looks strange. Is there a way to center the last post (or make it full width) when an odd number of posts is shown?

Thanks much,
Dan

December 26, 2019 at 10:30 am #12474

Tom
Keymaster

Hi there,

Any chance you can link us to your site so I can take a look?

Thanks!

December 26, 2019 at 11:13 am #12475

Daniel
Participant

I’d be happy to (it’s http://www.solsticesingers.org – come hear us!) but when we went from two upcoming concerts to one, I set that list to one column so it would center. That’s the step I wish were automatic.

Dan

December 30, 2019 at 6:02 pm #12507

Tom
Keymaster

Hi there,

Is there a specific page I should be looking at? I’m not seeing the issue at the moment.

Let me know 🙂

December 31, 2019 at 7:25 am #12512

Daniel
Participant

Yes, sorry. Here’s a temporary page where you can see what I mean. At the bottom I have a list of three posts in two columns. I think it would look better if the third one (or more generally, the last one if the post count is odd) could be centered.

https://www.solsticesingers.org/home-page-copy/

Thanks,
Dan

January 1, 2020 at 9:53 pm #12521
Tom
Keymaster
Hi there,

Give this CSS a shot:
```
.wp-show-posts-columns:not(.wp-show-posts-masonry) {
    justify-content: center;
}
```
January 2, 2020 at 7:44 am #12525

Daniel
Participant

That did it. Thanks!

January 2, 2020 at 6:39 pm #12543

Tom
Keymaster

You’re welcome 🙂
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

[Resolved] center odd-numbered post excerpt in column list