[Resolved] How to show only post date and post title and let them on the same line?

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support How to show only post date and post title and let them on the same line?

This topic contains 9 replies, has 2 voices, and was last updated by  Tom 3 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #8818

    Chao
    Participant

    Hello Tom

    How to show only post date and post title and let them on the same line?(post date is left,post title is right)

    screenshots:https://www.screencast.com/t/SttCvxbPxgc6

    Also I want to decided how many posts in the archive page.

    Is it possible?

    Thanks

    • This topic was modified 4 months ago by  Chao.
    #8841

    Tom
    Keymaster

    Hmm, should be possible with some tweaking. Can you set up a page with a list that has everything disabled except for the title and date, then link me to it?

    Let me know 🙂

    #8845

    Chao
    Participant

    URL:http://wordpress-197573-654419.cloudwaysapps.com/

    screenshots:https://www.screencast.com/t/Sl7g84EMj

    note: I use another method to achieve my goal but it is messy.(green area)

    Thank you!!

    #8855

    Tom
    Keymaster

    Try this CSS:

    #wpsp-2448 .wp-show-posts-entry-header {
        display: flex;
    }
    
    #wpsp-2448 .wp-show-posts-entry-meta {
        order: -10;
        margin-right: 20px;
    }
    #8957

    Chao
    Participant

    Is it possible to shorten the title length?

    Somethimg like : This is a …

    Now the title length is too long

    screenshots : https://www.screencast.com/t/vGMMpkquf

    Thanks very much

    #8981

    Tom
    Keymaster

    Try this:

    #wpsp-2448 .wp-show-posts-entry-title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 150px;
    }
    #9215

    Chao
    Participant

    Thanks!

    I have rwo last questions about this.

    (1) Is it possible to let the date and title size the same and their bottom is on the same line?

    I tried to change the font-size but the position is gone.

    (2) Is it possible to let date is block and title is block on mobile?

    something like:

    2019
    title…

    2010
    title…

    Thanks

    #9245

    Tom
    Keymaster

    1. I’m not sure as the characters aren’t the same. You could try this:

    #wpsp-2448 .wp-show-posts-entry-title, 
    #wpsp-2448 .wp-show-posts-entry-meta {
        line-height: 20px;
    }

    2. Try this:

    @media (max-width: 768px) {
        #wpsp-2448 .wp-show-posts-entry-header {
            flex-direction: column;
        }
    }
    #9254

    Chao
    Participant

    Thank you very much!!

    #9269

    Tom
    Keymaster

    No problem! 🙂

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

You must be logged in to reply to this topic.