Staff List – Customization

WordPress Plugin Staff List – Customization

Staff list pages can be easily styled to match the other sections of your website.
By default, your theme’s styles will be applied to staff member pages. However, you can easily change the look and feel of your presentation by selecting one of the built-in formatting options or by adding your own custom styling.
Custom CSS can be added to section containers, images, icons, pagination and individual fields. You can also apply different styles to staff and single pages.

Staff Template – built-in formatting options.

Staff template provides built-in basic styling options like font size or margins.
Individual fields can have the same or differently styles on staff and single pages.
Staff Template > Input Fields > Field > Field Style – Staff Page
Staff members page styling options.
The field style options will be applied to staff page.
wordpress plugin staff list field style options
Staff Template > Input Fields > Field > Field Style – Single Page
Single page styling options.
The field styling will be applied to single pages.
wordpress plugin staff list field style options single page
Field HTML Tag
For your field container you can select one of the HTML tags. DIV is the default one.
Staff List, staff page, field tags
 

Staff Template – Custom CSS

Template Options
Input Fields
For full control over the visual aspect of your presentation, you can add custom classes or inline styles.
wordpress plugin staff list field style custom css options
All of the input fields can be custom styled.
You can also add styles to individual sections: field container, label and text.
wordpress plugin staff list field style custom css for label and text
You can apply different custom styling to Staff and Single pages. See class prefixes.
 

CSS Customization

Advanced customization, including custom classes requires some knowledge of CSS and browser developer tools. See: Chrome DevTools, Firefox Developer Tools
We provide only limited CSS support. Feel free to reach out and we’ll let you know if we can help with your CSS request. Otherwise, we may be able to point you in the right direction!
20886