Formatting Author Archive Page

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

Hi Ying,

The shared css didn't work.

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

Hi Anant,

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

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

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.

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.

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