Group List Widget

About Group Widgets

The Group Widgets help you add dynamic groups to your pages via the Ekklesia 360 Ministry Content Plugin. 

Markup on 2023-08-03 at 12:40:27.png

Group List Widget

This is a grid list of all available groups from Ekklesia 360. Using the settings of the module, users can choose series, categories, and groups as well as how many per page should be displayed. You can also choose parts of the group to display, offering different amounts of information.

 

Screenshot on 2023-08-03 at 12-42-16.png

 

Content Tab

Markup on 2023-08-03 at 12:43:51.png

Filter

  1. Category: Select which Category of Groups you want to display in the list. 
  2. Group: Select which Group you want to display in the list.
  3. Howmany: Select how many Groups will display.

Layout

  1. Column Count: Set how many columns will be displayed, from 1 to 6
  2. Article Style: Choose the layout skin style for your Group List. 

Options

Toggles to format the content displayed for the listed groups. 

  1. Show Pagination
  2. Show Images
  3. Show Meta Headings
  4. Show Meeting Time
  5. Show Preview
  6. Show Category
  7. Show Group
  8. Show Status
  9. Show Childcare
  10. Show Resource Link

Sticky Header

Sticky Header Spacing: This pixel setting is used when your site has a sticky header or navigation to allow spacing from the sticky element from overlapping the top when scrolling.

Detail Options

  1. Detail Button Text: Button will display if text is entered and a detail page selected.
     
  2. Group Detail Page: URL of group detail page. If used will add a link to the heading to take the user to the group detail page. Requires the "Group Detail" widget to be placed on a page and that page url/slug placed in this field.

Style TabMarkup on 2023-08-03 at 12:50:17.png

Use the following options to style your Group List Widget.

Item

  1. Background / Overlay
  2. Border Radius
  3. Padding
  4. Alignment

Box Shadow

  1. Box Shadow

Image

  1. Border Radius

Text

  1. Title Color
  2. Title Typography
  3. Meta Heading Typography

  4. Meta Color

  5. Meta Typography  

  6. Preview Typography  

  7. Preview Color  

  8. Divider Color  

  9. Link Color  

  10. Link Color Hover  

  11. Button Alignment  

  12. Element Spacing

 

Pagination

  1. Link Color

Advanced Tab

Markup on 2023-08-03 at 12:55:05.png

Learn more about this tab in the Elementor Academy: Advanced Tab.

Updated

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request