- This topic has 7 replies, 2 voices, and was last updated 8 years, 8 months ago by
Tom.
-
AuthorPosts
-
July 20, 2017 at 11:17 pm #352597
Sandee
Hi,
Is it possible to change the entry meta text in the following way:
Published on [post date] by [author name]?
Also (sorry for two questions in one post!), is there a way to float the category link and previous post link left and the tags link and next link float right?
.site-main .post-navigation { margin-top: 20px; font-size: 18px; } .nav-previous, .cat-links { float: left; } .nav-next, .tags-links { float:right; }That’s close, but it puts them all on the same line. I’d like the post navigation below the cats and tags (see margin-top above).
Thank you!
SandeeJuly 21, 2017 at 12:06 am #352618Tom
Lead DeveloperLead DeveloperHi Sandee,
1. Yes! We can use this filter: https://docs.generatepress.com/article/generate_post_date_output/
add_filter( 'generate_post_date_output','tu_add_to_post_date' ); function tu_add_to_post_date( $output ) { return 'Published on ' . $output; }2. Can you show me a page with the above CSS added so I can see what it’s doing?
Thanks!
July 21, 2017 at 6:39 am #352747Sandee
Thanks for your help on that first part! 🙂
When I use the code above on the second part of my question (to achieve changes with entry meta in the post footer), it looks like this (sorry, can’t link to it — it’s on a password protected staging site):

I also tried adding
.nav-previous, .nav-next { display: block; }And it has no impact on the appearance.
In another attempt, this is what it looks like with just this code:

.cat-links { float: left; } .tags-links { float:right; }I’m adding the CSS via the customizer, so there shouldn’t be any caching in effect.
Thank you!
SandeeJuly 21, 2017 at 8:39 pm #353056Tom
Lead DeveloperLead DeveloperAre you trying to get them each on new lines, while each item floats left/right?
July 21, 2017 at 8:58 pm #353065Sandee
Yes, each pair on new lines and cats / previous (post nav) floating left and tags / next (post nav) floating right.
Categories (left) // Tags (right)
Previous (left) // Next (right)
Sandee
July 21, 2017 at 11:35 pm #353101Tom
Lead DeveloperLead DeveloperGive this a shot:
.cat-links, .nav-previous { float: left; } .tags-links, .nav-next { float: right; } .post-navigation { clear: both; }July 22, 2017 at 6:52 am #353196Sandee
That did it! Thank you so much for your patience and help! 🙂
July 22, 2017 at 11:47 am #353267Tom
Lead DeveloperLead DeveloperYou’re very welcome! 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.