2. Display Options

The Display Options tab gives you full control over how events appear on your site. You can adjust grid responsiveness, style elements, toggle fields, and enable pagination. Options are organized into four sections:

General #

1. Section Title – Show or hide the layout’s section title.
2. Column(s) – Define the number of columns for each device type: large desktop, desktop, tablet, landscape mobile, and mobile.
3. Margin Between Columns – Set horizontal spacing between columns (default: 20px).
4. Same Height – Force all items/slides to equal height.
5. Border – Apply borders with custom width, style (solid, dashed, dotted, double, inset, outset, groove, ridge, none), and color.
6. Border Radius – Round the corners of each item.
7. Box-Shadow – Enable shadow effects.
8. Box-Shadow Values – Adjust X/Y offset, blur, spread, shadow color, and type (Inset/Outset).
9. Inner Padding – Set spacing inside each item’s container.
10. Preloader – Enable to hide items until the page fully loads.

---

Template Styles #

1. Content Orientation – Choose layout style: Default or Overlay.
2. Background – Set background and hover colors.
3. Featured Events Background – Assign special background/hover colors for featured events.

---

Content Fields #

Eventful provides modular content fields that you can show, hide, and reorder. Each field includes specific style and layout options.

Event Thumbnail #

1. Thumbnail – Show/Hide event thumbnail.
2. Size – Choose original uploaded image or standard WordPress sizes.
3. Replace With – Replace thumbnail with image, video, or audio.
4. Border – Customize thumbnail border.
5. Border Radius – Round thumbnail corners.
6. Zoom Effect – Options: None, Zoom In, Zoom Out.
7. Image Mode – Apply grayscale: off, grayscale on hover, always grayscale.
8. Lazy Load – Enable lazy loading for performance.
9. Thumbnail Background – Add a background color.
10. Margin – Control spacing around the thumbnail.

Event Title #

1. Title – Show/Hide event title.
2. Title HTML Tag – Choose heading tag (h1–h6, p, div).
3. Limit Character – Restrict character length.
4. Title Margin – Adjust spacing around the title.

Event Meta Fields #

1. Meta Fields – Show/Hide event meta.
2. Add New Meta – Select meta types: Venue, Organizer, Price, Event Time, Taxonomy.
3. Meta Separator – Choose between space, dot, line, slash, or backslash.
4. Event Meta Margin – Set margin for meta container.
5. Margin Between Event Meta – Fine-tune spacing between individual meta items.

Event Content #

1. Event Content – Show/Hide content.
2. Content Display Type – Options: Full, Excerpt, Content with Limit.
3. Content Length Type – Words or Characters.
4. Words Length – Limit by length.
5. Event Content Margin – Spacing for the content block.
6. HTML Tags – Allow all, strip all, or allow selected tags.
7. Ellipsis Points – Customize the symbol for truncated content (default “…”).
8. Read More – Show/Hide “Read More” link.
9. Read More Type – Button or Text Link.
10. Read More Label – Customize button/link text.
11. Read More Color – Style text, hover, border, and background.
12. Read More Button Border – Border styling for button version.
13. Button Padding – Adjust spacing inside button.
14. Event Read More Margin – Spacing for the read more element.

Event Social Share #

1. Sharing Media – Select platforms (Facebook, WhatsApp, Twitter, LinkedIn, etc.).
2. Icon Shape – Circle, Rounded, Square, or Icon Only.
3. Custom Color – Toggle to customize icon and background colors.
4. Alignment – Left, Center, or Right.
5. Margin – Control outer spacing.

---

Pagination #

1. Pagination – Enable or disable pagination.
2. Pagination Type – Choose Load More Button (Ajax), Ajax Number Pagination, Infinite Scroll, or No Ajax (Normal).
3. Pagination Type for Mobile – Set a different type for mobile devices.
4. Load More Button Label – Customize button text (default: Load More).
5. Ending Message – Message shown when no more events are available.
6. Load More Button Color – Full styling options (text, hover, background, border).
7. Alignment – Align pagination to Left, Center, or Right.
8. Items Per Page – Define number of events shown per page.

💡 Tip: Combine Content Fields and Template Styles to create truly unique event layouts — for example, a clean grid with overlay titles, custom background for featured events, and Ajax “Load More” pagination.