Archived topic
Internal Links and higlighting a word in a paragraph like in Screenshot
24 replies · Started by Jatin on September 27, 2022
Thanks Fernando. When you saw all views what do you mean. If you open my site on Mobile, you can see post-meta items are not displaying properly. I just want to display it properly so that end user will be able to clearly see it without clutter.
I have removed the CSS code now and cleared cache. Thanks for the advise.
Try adding this CSS:
.single-post header.entry-header .entry-meta {
flex-wrap: wrap;
}
Thanks, There is no separator between the authorname and Comments. Is it possible to add a separator ?
Try this:
.single-post .entry-meta > *:not(.comments-link):after {
content: "|";
padding-left: 10px;
padding-right: 10px;
}
You can change the | to other operators you prefer.
Thank you Ying. One last thing. As its now working on Single posts. How can I apply the same style and meta on Archive Page as well ?
Just remove the .single-post from the code.
Thanks, I updated the code to below and removed .single-post from CSS. Its working fine on most of the posts but some of the posts are not showing comment info in meta. Nothing is displaying after separator |
Am i missing anything ? Screenshot and Link in the private box.
add_filter( 'generate_header_entry_meta_items', function() {
return array(
'date',
'author',
'comments-link',
);
} );
add_action( 'wp', function() {
{
add_filter( 'generate_show_comments', '__return_true' );
}
} );
add_filter( 'generate_footer_entry_meta_items', function( $items ) {
return array_diff( $items, array( 'comments-link' ) );
} );
Also My Archive Page Category Info shows the separator as well ? I did not add a separator on archive page in after category [Please refer to the sceenshot]
Change the CSS to:
.entry-header .entry-meta > *:not(:last-child):after {
content: "|";
padding-left: 10px;
padding-right: 10px;
}
The post you attached closed the comment function, so I would assume it would not show.
Thank you Ying.
No Problem, glad to help :)