Site logo

Archived topic

Change Text of Entry Meta and Change Appearance of Footer Entry Meta

7 replies · Started by Sandee on July 20, 2017

Viewing posts 1–8 of 8

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

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!

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):

Post footer entry meta

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:

Another view of post footer entry meta

.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

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

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

Give this a shot:

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

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

.post-navigation {
    clear: both;
}

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

You're very welcome! :)

This archived topic is closed to new replies.