Shortcode attributes

Shortcode with default options

[ff_joinus]

Shortcode settings

[ff_joinus id="ff-joinus-shortcode" order="ASC" orderby="display_name" number="12" photo_width="150" photo_height="150" display_name="yes" col_width="25%" col_width_medium_screen="33.333%" col_width_small_screen="50%" grid_margins="20px" join_text_position="bottom" join_text_tag="h4" join_text="Want to go? Join us, we are waiting" join_button_text="Join Us" join_button_active_text="Choose network" button_color="" button_hover_color="" button_shadow_color="" tooltip_color="" tooltip_icon_color="" tooltip_icon_hover_color="" name_overlay_color="" name_overlay_text_color=""]

Params description:

id
id attribute of shortcode. Default value is “ff-joinus-shortcode”
orderby
Sorts users by parameter. Possible values: ID, display_name, name, user_name, login, email
order
In which order display users on grid: ascending (1, 2, 3; a, b, c) or descending (from highest to lowest values (3, 2, 1; c, b, a)). Possible values: ASC / DESC
number
Number of users to display
photo_width
Width of photo avatar. This option should be numeric, e.g. 150
photo_height
Height of photo avatar. This option should be numeric, e.g. 150
display_name
Show or hide user name. Possible values: yes / no
col_width
Width of column for desktop screens. Example: 25%
col_width_medium_screen
Width of column for medium screens. Example: 33.333%
col_width_small_screen
Width of column for medium screens. Example: 50%
grid_margins
Margins between avatar photos. Example: 20px
join_text_position
Position of text block with “Join Us” button. Can be before or after the grid with avatars. Possible values: top / bottom
join_text_tag
Tag used for “Want to go? Join us, we are waiting” text. You can add your own, and default is h4.
join_text
Text for “Want to go? Join us, we are waiting” block.
join_button_text
Text for “Join Us” button.
join_button_active_text
Text for “Join Us” button in clicked state.
button_color
Color of “Join Us” button
button_hover_color
Color of “Join Us” button on hover.
button_shadow_color
Color of “Join Us” button shadow
tooltip_color
Color of tooltip of social networks list.
tooltip_icon_color
Color of icons in a tooltip.
tooltip_icon_hover_color
Color of icons in a tooltip on mouse hover state.
name_overlay_color
Background of overlay block where user name displayed.
name_overlay_text_color
Color of user name text in overlay.