Site Members: Adding and Customizing the Members List Element
Add the Members List element to showcase your site members. You can add this element to any site page, making it your own by adjusting the layout, refining the design, and personalizing member badges.You decide if this list is visible to all site visitors or just your logged-in members. In this article, learn how to:
Add the Members List element Adjust the layout Design the Members List Making the Members List public Personalizing how badges look on the listCan't click on members in your live site?Clicking a member on the Members List leads to their profile – unless that page / tab doesn't exist on your site. You can quickly add it from the Pages panel. Adding the Members List elementHead over to the Add Elements panel to add the Members List element. You can show the element anywhere on your site, whether it's a page in your Members Area or a site page that is visible to all visitors. Wix EditorStudio Editor
Click Add Elements  on the left side of the editor. Click Community. Drag the Members List element onto your page. 
Click Add Elements  on the left side of the editor. Click Members. Drag the Members List element onto the page.Adjusting the layout of the Members List elementChoose from a Cards or List layout for the Members List. Then, customize the chosen layout to your needs, deciding how member profile pictures should look.   Wix EditorStudio Editor
Select the Members List element. Click Settings. Click Layout. Select the layout you like best; Cards or List. Choose a shape for your members' profile pictures; Circle or Square.
Select the Members List element. Click Settings. Click Layout. Select the layout you like best; Cards or List. Choose a shape for your members' profile pictures; Circle or Square.Designing the Members List elementMake your Members List complement your site's design by customizing the fonts, buttons, colors, background, borders, and more.Wix EditorStudio Editor
Select the Members List element. Click Settings. Click Design. Customize the design of this element to make it your own. Click below to learn more about the areas you can design:Text
Member name: Choose a font, font size, and color for your members' names. Following / Followers counters: Choose a font, font size, and color for the counters. Button
Text: Choose a font and font size for your buttons. Opacity and color: Click the color box to select a new color for your buttons. Drag the slider to adjust the color's transparency. Corner radius: Drag the slider to make the buttons more round.  Border color and opacity: Choose a new color for the button borders and drag the slider to adjust the opacity.  Border width: Drag the slider to make the border thinner or thicker. Background & Borders
Show cover photo: Enable the toggle to show each member's cover photo on their card. 
    
Choose default color: Choose a color to appear when a member does not have a cover photo on their profile.  Default cover photo opacity: Drag the slider to change the transparency of the cover photo / default color. Set default cover photo: Choose a cover photo to appear for all members unless they customize it from their own account.    Page background opacity & color: Click the color box to select a new background color for the list. Drag the slider to adjust the color's transparency. Profile background opacity & color: Click the color box to select a new background color for the member cards on the list. Drag the slider to adjust the color's transparency. Border / divider width: Drag the slider to change the width of borders and dividers on this list. Border / divider opacity and color: Click the color box to select a new color for the borders and dividers. Drag the slider to adjust the color's transparency. Border / divider corner radius: Drag the slider to make the corners of the member cards more round. 
Select the Members List element. Click Settings. Click Design. Customize the design of this element to make it your own. Click below to learn more about the areas you can design:Text
Member name: Choose a font, font size, and color for your members' names. Following / Followers counters: Choose a font, font size, and color for the counters. Button
Text: Choose a font and font size for your buttons. Opacity and color: Click the color box to select a new color for your buttons. Drag the slider to adjust the color's transparency. Corner radius: Drag the slider to make the buttons more round.  Border color and opacity: Choose a new color for the button borders and drag the slider to adjust the opacity.  Border width: Drag the slider to make the border thinner or thicker. Background & Borders
Show cover photo: Enable the toggle to show each member's cover photo on their card. 
    
Choose default color: Choose a color to appear when a member does not have a cover photo on their profile.  Default cover photo opacity: Drag the slider to change the transparency of the cover photo / default color. Set default cover photo: Choose a cover photo to appear for all members unless they customize it from their own account.    Page background opacity & color: Click the color box to select a new background color for the list. Drag the slider to adjust the color's transparency. Profile background opacity & color: Click the color box to select a new background color for the member cards on the list. Drag the slider to adjust the color's transparency. Border / divider width: Drag the slider to change the width of borders and dividers on this list. Border / divider opacity and color: Click the color box to select a new color for the borders and dividers. Drag the slider to adjust the color's transparency. Border / divider corner radius: Drag the slider to make the corners of the member cards more round. Making the Members List publicYou can choose whether to display your Members List to the public or keep it private, available to your signed in members only. If the list is set to private, visitors will see an option to log in (hiding the actual element).  Wix EditorStudio Editor
Select the Members List element. Click Settings. Click Settings. Enable the toggle to allow all site visitors to see this list.
Select the Members List element. Click Settings. Click Settings. Enable the toggle to allow all site visitors to see this list.Personalizing how badges look on the Members ListInject some extra personality into your Members List by customizing the badges you assign to your members. Choose a badge layout (e.g. Name & Icon, Icon Only) that meets your needs, and change its size to match your style.Wix EditorStudio Editor
Select the Members List element. Click Settings. Click Badges. Customize the appearance of member badges using the following options:
    
Layout: Choose a badge layout and your preferred badge size. Style: Drag the slider to adjust the roundness of the badges. Text: Choose a font for the badges' names.  
Select the Members List element. Click Settings. Click Badges. Customize the appearance of member badges using the following options:
    
Layout: Choose a badge layout and your preferred badge size. Style: Drag the slider to adjust the roundness of the badges. Text: Choose a font for the badges' names.  Tip:Further personalize your Members List by customizing member profile fields. Choose what information is displayed on a member's My Account and Profile tabs.