[Resolved] Author Styling works great… except on author pages

Home Forums Support Author Styling works great… except on author pages

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1408255
    Jen

    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.

    #1408263
    Leo
    Staff
    Customer Support

    Hi there,

    Just to confirm, basically, you’d like to exclude the CSS above from applying to the author archives?

    Let me know 🙂

    #1408402
    Jen

    Huh. Yeah, I think that would work! I didn’t think of it that way. How would I do that? Thanks! Jen

    #1408588
    Leo
    Staff
    Customer Support

    Try this CSS instead:

    /* Author Styling */
    body:not(.author) .entry-meta:not(footer),
    body:not(.author) .entry-meta .posted-on,
    body:not(.author) .entry-meta .author-wrap {
        display: flex;
    }
    
    body:not(.author) .entry-meta {
        align-items: center;
        justify-content: center;
    }
    
    body:not(.author) .entry-meta .posted-on,
    body:not(.author) .entry-meta .author-wrap {
        flex-direction: column;
        font-size: 16px;
        padding: 0 25px;
        flex: 1;
    }
    
    body:not(.author) .entry-meta .posted-on {
        text-align: right;
    }
    
    body:not(.author) .entry-meta .label {
        font-size: 14px;
        color: #aaa;
        margin-bottom: 0.25em;
    }
    
    body:not(.author) .author img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        vertical-align: middle;
    }
    #1409798
    Jen

    That works! Thanks!

    #1410267
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.