[Resolved] Change Text of Entry Meta and Change Appearance of Footer Entry Meta

[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!
Sandee

[Tom]

Hi 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!

[Sandee]

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!
Sandee

[Tom]

Are you trying to get them each on new lines, while each item floats left/right?

[Sandee]

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

[Tom]

Give this a shot:

.cat-links,
.nav-previous {
    float: left;
}

.tags-links,
.nav-next {
    float: right;
}

.post-navigation {
    clear: both;
}

[Sandee]

That did it! Thank you so much for your patience and help! 🙂

[Tom]

You’re very welcome! 🙂

[Author]

Posts