We're merging with GenerateBlocks! Learn more here.

[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?

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

    #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.