Thanks David, But how can i add a clock before my post publish date? like this website? https://www.websiteplanet .com
Hi,
You can try following our documentation here on how to add icons on the post date:
https://docs.generatepress.com/article/generate_post_date_output/#add-icon-to-date
Thanks David and ejcabquina, one last question I have, how can I change the alignment of date and author, means I want to show author details first and date after it. I used https://docs.generatepress.com/article/entry-meta-style/#example-3 . I want like this (https://www.websiteplanet .com). My website URL – https://test.papadrug.com/how-to-build-a-website-in-2021-complete-step-by-step-guide/
-
This reply was modified 5 years, 3 months ago by
bloggingrust.
Can you add a screenshot from websiteplanet? It’s not loading on my end.
remove space in .com , ok let me send you the screenshot – http://prnt.sc/xcpvx1
Thanks.
We can rearrange the order of appearance by using the same filter generate_header_entry_meta_items provided on the site.
This PHP snippet sets the author to appear before the date.
add_filter( 'generate_header_entry_meta_items', function() {
return array(
'author',
'date',
);
} );
We basically just rearrange the order within the snippet. 🙂
You may also have to change this CSS provided by the documentation:
.entry-meta .posted-on {
text-align: right;
}
Change text-align: right; to text-align: left; if prefer it to be aligned to the left.
Hey ejcabquina, Finally the alignment is changed, I glad to see it, But there is a huge gap between author-name and and post published date (https://prnt.sc/xd7gag) I also applied the css.
Edit this CSS and remove the line i have commented:
.entry-meta .posted-on, .entry-meta .author-wrap {
flex-direction: column;
font-size: 16px;
padding: 0 25px;
flex: 1; /* remove this line */
}
Thanks, David & ejcabquina for the help, Great service ♡ ♥💕❤😘, Now, it’s time to close the forum
