- How to Find the Latest Versions of PublishPress Plugins
- Changelogs for PublishPress Authors Pro
- Changelogs for PublishPress Capabilities Pro
- Changelogs for PublishPress Checklists Pro
- Changelogs for PublishPress Permissions Pro
- Changelogs for PublishPress Pro
- Changelogs for PublishPress Revisions Pro
- Changelogs for PublishPress Blocks
- Changelogs for Free PublishPress Plugins
- Changelogs for the PublishPress Theme
- The Admin Menus Screen
- Control Access to WooCommerce Admin Menus
- Control Access to Contact Form 7 Admin Menus
- Control Access to Yoast SEO Admin Menus
- Control Access to Elementor Admin Menus
- Control Access to Jetpack Admin Menus
- Control Access to WPForms Admin Menus
- Control Access to The Events Calendar Admin Menus
- Control Access to Gravity Forms Admin Menus
- Number of characters in title
- Numbers of words in content
- Number of categories
- Number of tags or taxonomy terms
- Number of characters in excerpt
- Number of internal links in content
- Number of external links in content
- All links use a valid format
- ALT Text for all images
- Featured image
- Latin characters in permalink
- Approved by a user in this role
- Yoast SEO tasks
- WooCommerce product tasks
- Featured image height and width
- Getting Started With Notifications in PublishPress
- Understanding the PublishPress Notification Options
- Get PublishPress Notifications by Email or Slack
- How to Customize PublishPress Notifications With Shortcodes
- How to Use Reminder Notifications
- Notify Me: How to Manually Add Yourself to Notifications
- The PublishPress Notifications Log
- Hooks and Filters for Notifications
- Troubleshooting Email Notifications in PublishPress
- Control Access to Custom Post Types
- Control Viewing Access to Specific Categories
- Allow Editing of Specific Pages
- Force Users to Create Posts in a Category or Parent Page
- Block Users from Seeing Non-Editable Posts
- Control Viewing Permissions for WordPress Content
- Control Editing Permissions for WordPress Content
- Block Access to WordPress Category and Tag Pages
- Configure Who Can See Other People's Posts
- Developer Information for Permission Groups
- PublishPress Permissions Database Tables and Settings
- pp_create_group()
- pp_delete_group()
- pp_get_group()
- pp_get_group_by_name()
- pp_get_metagroup
- pp_get_groups()
- pp_get_group_members()
- pp_get_groups_for_user()
- pp_add_group_user()
- pp_remove_group_user()
- pp_update_group_user()
- ppc_get_roles()
- ppc_assign_roles()
- ppc_get_exceptions()
- ppc_assign_exceptions()
- Does My Plugin Support PublishPress Revisions?
- A List of Some Plugins Supported by PublishPress Revisions
- PublishPress Revisions Pro and The Events Calendar
- PublishPress Revisions Pro and WooCommerce
- PublishPress Revisions Pro and Advanced Custom Fields
- PublishPress Revisions Pro and Beaver Builder
- PublishPress Revisions Pro and WPML
- PublishPress Revisions Pro and Custom Post Type UI
- PublishPress Revisions Pro and Yoast SEO
- PublishPress Revisions Pro and the PODS Framework
- Submit and Moderate Revisions with the Divi Theme
- Create Revisions Using an API
- Advanced Accordion Block
- Advanced Button Block
- Advanced Icon Block
- Advanced Image Block
- Advanced List Block
- Advanced Table Block
- Advanced Tabs Block
- Advanced Video Block
- Columns Manager Block
- Contact Form Block
- Count Up Block
- Images Slider Block
- Info Box Block
- Login / Register Form Block
- Map Block
- Newsletter Block
- Recent Posts Block
- Search Bar Block
- Social Links Block
- Summary Block
- Testimonial Block
- Woo Products Block
- A WordPress Editorial Workflow for Writing, Reviewing and Publishing
- A WordPress Workflow for Editing and Reviewing
- Create a Workflow for University Departments in WordPress with PublishPress
- Create a Multi-Step Workflow in WordPress
- How to Create a Publishing Workflow for Authors in WordPress
- How to Get 2 People to Approve Content in WordPress
- How to Allow WordPress Admin Area Access for WooCommerce Users
- How to Manage Permissions for WooCommerce Products
- Allow WooCommerce Users to Edit Only One Product
- How to Approve and Schedule Changes to WooCommerce Products
- WooCommerce Users Can Edit Products Only in Some Categories
- How Create WooCommerce Users Who Can Only View and Edit Products
- How to Create and Schedule Revisions for WooCommerce Products
- How to Control Who Can Duplicate WooCommerce Products
- Create WooCommerce Users Who Can Only View Reports
- How to Control Who Can Access WooCommerce Coupons
- How to Create WooCommerce Users Who Can Only View and Edit Orders
- How to Manage Permissions for WooCommerce Orders
- How to Control Permissions for WooCommerce Refunds
- How to Create Checklists with WooCommerce
- activate_plugins
- add_users
- create_users
- delete_others_pages
- delete_others_posts
- delete_pages
- delete_posts
- delete_plugins
- delete_private_pages
- delete_private_posts
- delete_published_pages
- delete_published_posts
- delete_themes
- delete_users
- edit_dashboard
- edit_others_pages
- edit_others_posts
- edit_pages
- edit_plugins
- edit_posts
- edit_private_pages
- edit_private_posts
- edit_published_pages
- edit_published_posts
- edit_theme_options
- edit_themes
- edit_users
- erase_others_personal_data
- export
- export_others_personal_data
- import
- install_plugins
- install_themes
- list_users
- manage_categories
- manage_links
- manage_options
- manage_privacy_options
- moderate_comments
- promote_users
- read
- read_private_pages
- read_private_posts
- remove_users
- switch_themes
- unfiltered_html
- unfiltered_upload
- update_core
- update_plugins
- update_themes
- upload_files
Add CSS in Custom Author Layouts
- Home
- PublishPress Authors
- Custom Layouts
- Add CSS in Custom Author Layouts
The PublishPress Authors plugin allows you to create custom author layouts. In this guide, we'll show you how to add CSS to your custom layouts.
Our recommendation is that you put the actual CSS rules into your theme's CSS files. This guide shows how to add CSS classes to your layouts that can then be used by your theme.
CSS for the wrapper
This is the CSS class for the wrapper element.
Some PublishPress Authors layouts use a wrapper element for the author box. There is a variable “css_class” with a default class. Using this variable in your custom layout is optional. Here is an example on how to use it:
<div class="pp-multiple-authors-wrapper {{ css_class }}">
You can customize this CSS class for different displays:
- widget
- the_content
- shortcode
- action (this is the code written directly into your theme's files)
For example, this allows you to target the wrapper only in the PublishPress Authors widget:
<div class="pp-multiple-authors-wrapper {{ widget }}">
CSS for individual authors
This is the CSS class to be added to each author. You can see item_class
used in this example below from the inline layout:
<a href="{{ author.link }}" class="{{ item_class }}" rel="author">{{ author.display_name }}</a>
This can be customized using the CSS from your theme. For example, in this code below, I've added the author-title
class which is from the default Twenty Twenty theme in WordPress:
<a href="{{ author.link }}" class="{{ author-title }}" rel="author">{{ author.display_name }}</a>
CSS for different output methods
The author box can be added to your site in multiple ways including a widget, a shortcode and in the main content. This variable allows you to create different CSS classes for each way of displaying authors:
- widget
- the_content
- shortcode
- action
This code is the basis for your custom layout:
<div class="pp-multiple-authors-wrapper-{{ target }}">
If you are using the PublishPress Authors widget, this code allows you have a specific style adding CSS only for your widget:
<div class="pp-multiple-authors-wrapper-widget">
If you add the author box using the default option after the content, you can use this code:
<div class="pp-multiple-authors-wrapper-the_content">
Using this format, you can also target CSS to your shortcode and action displays.
CSS for different layouts
This is a string that contains the slug for the custom layout. These are the default slugs:
- boxed
- centered
- inline
- inline_avatar
- simple_list
This is useful for adding different CSS rules for each layout:
<div class="pp-multiple-authors-wrapper {{ layout }}">
For example, this code allows you to CSS only to the inline_avatar layout:
<div class="pp-multiple-authors-wrapper {{ inline_avatar }}">
CSS for the author archive page
For the author archive page WordPress adds special classes to the body element:
- author
- author-<author_slug>
- author-<author_id>
Our plugin adds some additional classes as following:
- guest-author (when the current author is not mapped to a user)
- not-guest-author (when the current author is mapped to a user).
Please, note that when a guest author is displayed the author-<author_id> class will be removed.