How to Place Author Fields in the Meta Row
If you are using PublishPress Authors on your site, the feature called Author Boxes will control how authors display on your site.
The Author Boxes allow you to customize many aspects of how your authors appear. In this tutorial, we'll talk about one specific customization: moving author profile information to a new row.
If you go to the Author Boxes setting, you will see two tabs called “Meta” and “Author Fields”. You might wonder about the difference between these two options.
What’s the difference between “Meta” and “Author Fields”?
The “Meta” area in the Author Boxes setting only contains three elements:
- The “View All Posts” button
- The Email field
- The Website field
The “Author Fields” area can have more elements, such as a social media profile (Facebook, LinkedIn, Twitter, etc) or more advanced elements like multiline text, WYSIWYG editor, etc. You can read more in-depth about this in Getting Started with Author Fields.
Although “Author Fields” has more options and advanced elements, for many users, the “Meta” options are enough.
You can see the difference between Meta and Author Fields simply by looking at the image below. The green box is “Meta” and the red box is “Author Fields”.
By default, the Meta row and Author Fields row are two separate rows. That’s because the Meta row is using the “display: block CSS” property, which means it will take the entire space.
Some people want the Author Fields to be in the same row as Meta. Here are two options for making that change.
Option #1. Use Custom CSS
The Meta row is using the “display: block CSS” property. You can change the property to “inline-blocks”. This change means that the Meta items will just take the space they need, and not the entire tow.
In the Author Box setting, you can paste this custom CSS below:
.multiple-authors-target-the-content .pp-author-boxes-meta multiple-authors-links {
display: inline-block;
}This next image shows where to add that code:
Option #2. Change the HTML tag
The other option that you can use is changing the “HTML Tag” option in the Meta row. By default it was “p” and you can change it to “span” instead.
After you changed one of those options, you should be able to see the Authors Fields inside the Meta row, as in this image.
If you want to add more social icons, this is easy to do in PublishPress Authors. Click here for a guide to adding new social icons.