header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image
  1. Home
  2. Managing your business
  3. Business solutions & apps
  4. Wix Events
  5. Designing Wix Events
  6. Wix Events: Changing the Event List Layout

Wix Events: Changing the Event List Layout

11 min
In this article
  • Customizing the layout for a single event
  • Customizing the layout for multiple events
  • Customizing the layout for mobile
The Event List showcases your events for site visitors. Whether you're displaying a single event or multiple, you can choose from various layouts to present your events in an engaging way, enhancing visitor experience.

Customizing the layout for a single event

When showcasing a single event on your site, you can choose from 2 layout options:
  • Full layout: Displays the event image along with all relevant details for a comprehensive overview.
  • Button layout: Focuses on driving visitors to RSVP or purchase tickets with a clear call to action.
Notes:
  • This feature is only available in the Wix Editor on desktop.
  • Any changes made to the desktop layout will automatically apply to the mobile view.

To customize a layout for a single event:

  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
  3. Click the Event List element on your page. 
  4. Click Settings.
  5. Click the Layout tab. 
  6. Choose your desired layout:
    • Full: Displays all your event details, including image, time, and location. You can customize the appearance of each detail.
    • Button: This layout displays only the button. You can modify its text and design using the Text and Design tabs, adjusting elements like color, size, and style.
A screenshot of a customized layout for a single event in the Wix Editor.
Tip:

Customizing the layout for multiple events

When choosing to display multiple events on a site page, you can customize the layout using a variety of options.
For instance, you can choose a calendar layout to present events in a structured and chronological manner, providing visitors with an organized view of upcoming activities.

To customize a layout for multiple events:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
    4. Click the Event List element on your page. 
  3. Click Settings.
  4. Click the Layout tab. 
  5. Select and customize the layout from the available options:

Customizing the layout for mobile

You can set the mobile layout from both the Wix Editor and the Studio Editor. While desktop layout settings automatically apply to mobile, you can still customize the mobile view separately.
  • In the Wix Editor: Choose from 2 mobile-optimized layouts to adjust how images appear.
  • In the Studio Editor: Customize layouts for both tablet and mobile breakpoints.
Notes:
  • Mobile layout customization is only available when displaying multiple events. 
  • Changes to the mobile layout do not affect the desktop view.
  • Tablet layout changes (available only in the Studio Editor) also apply to the desktop version.

To customize the layout for mobile view:

Wix Editor
Studio Editor
  1. Go to your editor.
  2. Go to the Events page: 
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Event Pages.
    3. Click your Events page.
    4. Click the Switch to Mobile icon  at the top of the editor.
  3. Click the Event List element on your page. 
  4. Click Settings.
  5. Click the Layout tab. 
  6. Select and customize the layout from the available options:

Did this help?

|
Didn’t find what you’re looking for? Try one of these articles.
Wix Events: Editing Event Text
Wix Events: Customizing the Event List Design

Didn’t find what you’re looking for? Try one of these articles.

Wix Events: Editing Event Text
Wix Events: Customizing the Event List Design
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now
In this article
  • Customizing the layout for a single event
  • Customizing the layout for multiple events
  • Customizing the layout for mobile

Did this help?

|
A screenshot of a customized layout for a single event in the Wix Editor.