Soliloquy Training

Adding a Slider with Soliloquy

s Working inside the WP Dashboard

  • From the WP Dashboard sidebar menu, select ‘Soliloquy’.  If  ‘Soliloquy’  is not in the sidebar, the UI supervisor will need to grant access.
  • Once Soliloquy is open, click  ‘Add New’.
  • Add a Title  (i.e. Home Slideshow)
  • In the section for ‘Native Slider’, add the images to be used in the slider. If the images are already in the site’s ‘Media Library’, ensure that they are set to display at the full width. The order of the images can be changed by dragging them into the correct place.
  • Select ‘Configuation’ and adjust the settings as described in the toggle for ‘Configuration Settings’ on this page.
  • Select ‘Mobile’ and adjust the settings as described in the toggle for ‘Mobile Settings’ on this page.
  • Select ‘Misc’ and adjust the settings as described in the toggle for ‘Misc. Settings’ on this page.
  • Click on the ‘Publish’ button on the right side of the page. The ‘Publish’ button will change to ‘update’.
  • Look in the section just below the ‘Publish’ section, called ‘Soliloquy Slider Code’. Copy the first shortcode in that section. Example: The id # will be unique to each slider.

Working on the Webpage

  • Add a new fullwidth section
    Insert Sections
  • Add the ‘Fullwidth Code’ module
    Fullwidth code
  • Copy and Paste the Soliloquy slideshow ‘Shortcode’ into the gray ‘code’ box in the Fullwidth Code Module.
    The id # will be unique to each slider.
    Soliloquy shortcode example
  • Adjust the position for mobile, tablet, and desktop views with the Divi ‘design’ settings in the module. Other styles may need to be adjusted with Divi or with custom CSS.
Configuration Settings

These are the typical settings and may need to be adjusted for each site.

Slider Theme Base
image Size Full width
Slider Dimensions 2000 x 400 (height will vary)
Set Dimensions on Images?
Crop Images in Slider?
Slider Position Center
Caption Position Bottom
Slider Gutter 0
Show Slider Arrows?
Show Slider Control Nav?
Show Pause/Play Controls?
Enable Keyboard Navigation?
Enable Mousewheel Navigation?
Loop Slider?
Autostart Slider? (Manual Scroll)
(Auto scroll)
Slider Delay 0
Start on Slide 0
Slider Transition Fade
Slider Transition Duration 6000 ms
Slider Transition Speed 1000 ms
Slider Transition Delay 0
Pause on Hover?
Pause on Navigation?
Autoplay Video?
Use CSS Transitons?
ARIA Live Value Polite
Mobile Settings

These are the typical settings and may need to be adjusted for each site.

Create Mobile Slider Images?
Show Captions on Mobile?
Misc Settings

These are the typical settings and may need to be adjusted for each site.

Enable RTL Support?
Custom Slider Classes
Import/Export Slider
Slider Title Home Slideshow
Slider Slug home-slideshow