[Support request] Formatting Author Archive Page

[Anant]

Hi Team,

How do I fix the formatting of author archive page?

This is how it looks currently: https://imgur.com/rTHEwjx

Ideally I want to display the author bio as well. The profile image and name don’t have any space between as well. I’ve shared the example in private info.

[Ying]

Hi Anant,

Try adding this CSS:

.archive.author span.vcard {
    padding-left: 1em;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

If you want to create an author bio section, you can use a block element – page hero, and assign it to the author archive.

Here’re videos on how to create an author box:
https://youtube.com/watch?v=1E7zFl678kg&si=EnSIkaIECMiOmarE
https://youtube.com/watch?v=4x6CjGOyagc&si=EnSIkaIECMiOmarE

[Anant]

Hi Ying,

The shared css didn’t work.

Here’s a screenshot: https://imgur.com/nGXVwhp

[Fernando]

Hi Anant,

Where did you add the code? I’m not seeing it added. Can you try adding it through Appearance > Customize > Additional CSS?

[Anant]

Hi Fernando,

I’ve added the code exactly there.
Please check at left bottom in the screenshot. Sharing ti again here: https://imgur.com/xy6SXzu

[Fernando]

You have a missing } for your previous code.

Add a } above the code we provided to close the code above the code you just added.

[Anant]

Hi Fernando,

Thanks for pointing out the mistake. It works now.
Adding the block element now to format author archive better as suggested by Ying. Will confirm here once done.

[Fernando]

You’re welcome, Anant! Hope it goes well!

[Author]

Posts