I found this really cool author styling somewhere on the Generatepress website (this is copied from my customizer):
/* Author Styling */
.entry-meta:not(footer),
.entry-meta .posted-on,
.entry-meta .author-wrap {
display: flex;
}
.entry-meta {
align-items: center;
justify-content: center;
}
.entry-meta .posted-on,
.entry-meta .author-wrap {
flex-direction: column;
font-size: 16px;
padding: 0 25px;
flex: 1;
}
.entry-meta .posted-on {
text-align: right;
}
.entry-meta .label {
font-size: 14px;
color: #aaa;
margin-bottom: 0.25em;
}
.author img {
width: 60px;
height: 60px;
border-radius: 50%;
vertical-align: middle;
}
It works great and looks great on regular blog pages, and the design elements are fine on non-blog pages. The exception is on author pages, like the URL I included. It’s more of an annoyance than anything else, but it makes me crazy that I can’t figure it out. Thanks! I love what I’ve been able to do with this theme.