In this documentation, we will discuss the customization of the BuddyPress Group widget, brought to you by the Element Pack addon for Elementor.
Enable The BuddyPress Group Widget
To use the BuddyPress Group widget from Element Pack, first, you have to enable the widget.
- Go to WordPress dashboard > Element Pack Plugin dashboard.
- Then, Click the 3rd Party Widgets Tab.
- Search the BuddyPress Group Widget Name.
- Enable the BuddyPress Group Widget.
- Hit the Save Settings Button.
Note: To use this widget in the Elementor editor, you need to install the BuddyPress Plugin separately.
Inserting the BuddyPress Group widget
1. Go to the Elementor Editor Page and Hit the “+” icon Button.
2. Search the BuddyPress Group widget.
3. Drag the widget and drop it on the editor page.
Work With The Content Tab
Layout Section
Go to Content > Layout
1. Group Type: You can select the group type- Newest, Popular, and Active. You can choose one of them that you prefer.
2. Max Groups: You can set the max group limit from here.
3. Columns: You can set the number of columns from here.
4. Column Gap: You can adjust the column gap from here.
5. Row Gap: You can adjust the row gap from here.
6. Alignment: You can set the Avatar alignment as – Left, Center, and Right.
7. Show Avatar: Enable or disable the show avatar switcher button to show/hide the avatar.
8. Show Title: Enable or disable the show title switcher button to show/hide the title.
9. Show Meta as Tooltip: Enable or disable the show meta switcher button to show/hide the mata tooltip.
Work with The Style Tab
Avatar Section
Go to Style > Avatar
1. Border Type: you can set the Border Type to Default, None, Solid, Double, Dotted, Dashed, or Groove. We choose here the Border Type Solid.
2. Border Width: The border width property allows you to control how thick or thin the border is.
3. Border Color: This lets you change the Border color.
4. Border Radius: Customizes the border corners for roundness.
5. Opacity: You can set the avatar opacity from here.
6. Spacing: You can adjust the title spacing from here.
Title Section
Go to Style > Title
1. Color: This option lets you change the title color.
2. Typography: Change the font family, size, weight, style, transform, decoration, line height, letter spacing, and word spacing from here.
All done! You have successfully customized the BuddyPress Group widget on your website.
Video Assist
You can also watch the video tutorial to learn more about the BuddyPress Group widget. Please visit the demo page for examples.
Thanks for being with us.
