Vertical alignment problems

This topic has 3 replies, 2 voices, and was last updated 3 years, 1 month ago by David Beckwith.

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

Author

Posts
October 11, 2020 at 3:35 pm #20985

Paddy
Participant

I’ve tried everything I could find on this issue both here and what I’ve done on another site (!) – but can’t figure it out.

https://urbanneighbourhoods.ca

I need the text content for the post excerpts to vertically align just below the date – and the buttons to align vertically along the bottom, independent of the length of the excerpt. I’m wondering if this has something to do with manual excerpts (?). Anyway, everything I’ve tried so far has just resulted in everything aligning on the top OR the bottom. I’m fine with white space between the text and the button, but it looks wrong between the post title/date and the text.

October 12, 2020 at 9:51 am #21020
David Beckwith
Participant
Hi there,

remove this from your custom CSS:
```
.wp-show-posts-entry-summary {
    margin-top: auto;
}
```
And add this:
```
.wp-show-posts-entry-summary {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.wp-show-posts-entry-summary .read-more-button-container {
    margin-top: auto;
}
```
October 12, 2020 at 10:47 am #21034

Paddy
Participant

Thank you, David – THAT fixed it! I could have sworn I’d tried every variation that looked similar to that, but clearly I had something in the wrong place or wrong order or something. 🙂

Stellar support as always!!

And Happy Thanksgiving!!

October 13, 2020 at 8:30 am #21086

David Beckwith
Participant

Glad to be of help. And Happy Thanks Giving to you!
Author

Posts

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

You must be logged in to reply to this topic.

[Support request] Vertical alignment problems