Need Help to Customize GeneratePress Post Metadata !!

Shivam Pandey
(@wikihelp360)

5 years, 8 months ago

Hello David,
Hope you’re doing well.

I want to show my last updated date metadata (date, time, and author) like the below image. You can see in the below image that the last updated date metadata is showing between the two horizontal lines. So please help me to show my post metadata like the image below.

The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)

Leo
(@leohsiang)

5 years, 8 months ago

Hi there,

Looks like you are currently using this code for the entry meta:
https://docs.generatepress.com/article/entry-meta-style/#example-1

Try removing that, then use method instead:
https://docs.generatepress.com/article/show-the-updated-post-date/

Let me know if this helps 🙂

Thread Starter Shivam Pandey
(@wikihelp360)

5 years, 8 months ago

Hi Leo,
You have not understood the problem properly.

Please see the image below.

I want to know how I can show my post metadata (date, time and author) in the middle of two horizontal lines.
I want to show these 2 horizontal lines with post metadata.
Leo
(@leohsiang)

5 years, 8 months ago
OK so the border is what you are after?

If so try this CSS:
```
.entry-meta {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px 0;
}
```
Thread Starter Shivam Pandey
(@wikihelp360)

5 years, 8 months ago

After adding this CSS code 2 horizontal lines with post metadata are showing, but the height between these 2 horizontal lines is very less.

I want the height between these 2 horizontal lines similar to the screenshot below. Please help me to fix this problem.

Leo
(@leohsiang)

5 years, 8 months ago

Try increasing the 5px padding in my code above:
https://wordpress.org/support/topic/need-help-to-customize-generatepress-post-metadata/#post-13405948

Thread Starter Shivam Pandey
(@wikihelp360)

5 years, 8 months ago

Leo, I am not so technical so I am sharing the blog post link, please check it and tell me what px padding to use in css code.

Post: bloggingguidance.com/best-blogging-niches

Leo
(@leohsiang)

5 years, 8 months ago

Try something like 22px.
Thread Starter Shivam Pandey
(@wikihelp360)

5 years, 8 months ago
Leo, the below CSS is working perfectly but the 2 horizontal lines are also showing on the homepage. I want these 2 horizontal lines only on the post and not on the homepage so please help me to fix this problem.
```
.entry-meta {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 22px 0;
}
```
Leo
(@leohsiang)

5 years, 8 months ago
Edit it to this:
```
.single .entry-meta {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 22px 0;
}
```
Thread Starter Shivam Pandey
(@wikihelp360)

5 years, 8 months ago

Leo, after applying the above css code, I got my desired result but when I compare with another website. I noticed that my horizontal lines look bold and the horizontal lines of another website look simple. I don’t want my horizontal lines to look bold so please see the image below and please help me to fix this problem.
David
(@diggeddy)

5 years, 8 months ago
Hi there,

change the colors in Leos code ie. #000 to a lighter colour eg. #ccc

Your CSS will look like this:
```
.single .entry-meta {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 22px 0;
}
```