[Resolved] Last Updated

Home Forums Support [Resolved] Last Updated

Home Forums Support Last Updated

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #2368664
    johnzoro

    I’ve got a plugin that shows when the post was last updated but i want to put it next to date published

    so it would be

    date published | shortcode here for post updated

    any ideas?

    #2368943
    David
    Staff
    Customer Support

    Hi there,

    you shouldn’t require a plugin to display the updated date.
    Is it possible to see a post on your site, so i can provide the best solution ?

    #2369021
    johnzoro

    sure

    #2369151
    Ying
    Staff
    Customer Support

    Hi John,

    Try this CSS:

    .single-post .posted-on .updated,.single-post .entry-header .entry-meta span.posted-on {
        display: inline-flex;
    }
    
    time.entry-date.published {
        order: -1;
    }
    
    .single-post .posted-on .updated:before {
        content: "|";
        padding-left: 10px;
        padding-right: 10px;
    }
    #2369156
    johnzoro

    Hi Ying,

    That sorta worked!

    I added the word “Updated:” after the |

    Is there a way to make the updated bit bold?

    Also the spaces look a bit funny

    the green bit indicates the space that’s ok but the red bits show the space looks too big?

    #2369232
    Ying
    Staff
    Customer Support

    Try replacing the pseudo element CSS with this, so there’s no padding on the right, and set the font-weight to bold.

    .single-post .posted-on .updated:before {
        content: "| Updated: ";
        padding-left: 10px;
        font-weight: bold;
    }
    #2369581
    johnzoro

    yeah that’s great!

    i had a play around and i think i’ve got the look i wanted!

    thanks

    #2369866
    johnzoro

    it looks ok, but when i look at it on mobile the layout goes all funny

    is there a way to maybe make the text smaller on mobile so it’s all on one line?

    #2370128
    Ying
    Staff
    Customer Support

    Any chance you can link me to a post again? ๐Ÿ™‚

    #2370346
    johnzoro

    okey dokey

    #2370480
    Ying
    Staff
    Customer Support

    Try this CSS:

    @media (max-width: 768px) {
        .single-post .entry-header .entry-meta {
            font-size: 14px;
            display: flex;
            flex-direction: column;
        }
    }
    #2370800
    johnzoro

    yeah that works! thanks

    #2371359
    Ying
    Staff
    Customer Support

    You are welcome ๐Ÿ™‚

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.