Log in SwiftGrid →
Ultra

Home Page Slider

3 min read Updated Sep 2026 Ultra

Ultra can place a full width slider between the header and the content of any page. It works with the Smart Slider 3 and MetaSlider plugins. Set the home page slider in AppearanceCustomizeTheme SettingsHome. Set a slider for any other page in the Page Slider box.

Add a Slider to the Home Page

  1. Go to PluginsAdd Plugin. Install and activate Smart Slider 3.
  2. Create a slider in the Smart Slider 3 menu item that the plugin adds to the WordPress admin menu.
  3. Go to AppearanceCustomizeTheme SettingsHome.
  4. Set Home Page Slider to Smart Slider: (your slider name).
  5. Click Publish.

The Home Page Slider options in the Home section of Ultra Theme Settings

A new install has no slider. Home Page Slider is set to None. To remove a slider later, set it back to None.

Home Settings

Home Page Slider

Picks the slider for the home page. The list shows the Smart Slider and MetaSlider sliders on your site, up to 200 of each, named Smart Slider: (name) and MetaSlider: (name). Default: None.

Stretch Home Slider

Stretches the slider to the full width of the screen. It works when Layout Bound is Full Width in Layout. It appears only when MetaSlider is active. Default: on.

Header Overlaps Slider

Lets the header sit over the top of the slider. The overlap applies on screens 1024px wide and above. It appears when Smart Slider 3 or MetaSlider is active. Default: off. To change the header color while it overlaps, see Custom CSS Snippets.

Add a Slider to Any Page

Edit the page and find the Page Slider box in the right column.

  1. Set Display Page Slider to your slider. The list has the same choices as Home Page Slider.
  2. Turn on Stretch Page Meta Slider to stretch a MetaSlider slider. The option appears for MetaSlider only.
  3. Turn on Overlap Header to put the header over the slider.
  4. Click Update.

When a page is your static home page, its Page Slider box and the Home Page Slider setting stay in sync. A change in one changes the other.

Polylang and WPML

Ultra uses 1 Home Page Slider setting for the home page in every language. You cannot choose a different slider for each language in the Page Slider box. For a slider per language, set Home Page Slider to None. Then add a Smart Slider 3 widget to each translated home page with Page Builder. Follow the steps in the next section, and use the Smart Slider 3 widget in place of the Hero widget.

Use the Hero Widget Instead

The SiteOrigin Hero widget can act as your slider. You need Page Builder by SiteOrigin and the SiteOrigin Widgets Bundle.

  1. Go to AppearanceCustomizeTheme SettingsHome and set Home Page Slider to None.
  2. Edit your home page and open the Page Builder tab.
  3. Click Add Row and choose 1 column.
  4. Edit the row. In the Layout tab, set Row Layout to Full Width Stretched.
  5. Move the row to the top of the page.
  6. Click Add Widget and insert the Hero widget from the Widgets Bundle.
  7. In the Page settings box, turn off Header Bottom Margin. This removes the space below the header, so the Hero widget sits against it.
Was this helpful?