Home › Forums › Pro Support › How to show only post date and post title and let them on the same line? This topic has 9 replies, 2 voices, and was last updated 4 years, 4 months ago by Tom. Viewing 10 posts - 1 through 10 (of 10 total) Author Posts April 19, 2019 at 2:30 am #8818 ChaoParticipant 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 April 19, 2019 at 7:09 pm #8841 TomKeymaster 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 🙂 April 19, 2019 at 10:54 pm #8845 ChaoParticipant 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!! April 20, 2019 at 5:44 pm #8855 TomKeymaster Try this CSS: #wpsp-2448 .wp-show-posts-entry-header { display: flex; } #wpsp-2448 .wp-show-posts-entry-meta { order: -10; margin-right: 20px; } April 24, 2019 at 8:51 am #8957 ChaoParticipant 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 April 24, 2019 at 4:43 pm #8981 TomKeymaster Try this: #wpsp-2448 .wp-show-posts-entry-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 150px; } May 8, 2019 at 5:36 am #9215 ChaoParticipant 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 May 8, 2019 at 4:46 pm #9245 TomKeymaster 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; } } May 8, 2019 at 8:28 pm #9254 ChaoParticipant Thank you very much!! May 9, 2019 at 3:15 pm #9269 TomKeymaster No problem! 🙂 Author Posts Viewing 10 posts - 1 through 10 (of 10 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In