1. Home
  2. Custom Shortcodes
  3. Split Slider

Split Slider

Split Slider shortcode allows you to display two contents at the same time by splitting the screen area for each content as left and right content. You can insert other shortcodes in creating the content like you can do when using Carousel Container shortcode.

  1. Add Split Slider shortcode, then set the color for the dots of slider
  2. Click the + button inside the Split Slider column
  3. Select the side you want to assign the content, e.g. Split Slider Left                                 
  4. Click the + button inside the Split Slider Left column
  5. Click the Split Slider Item option
  6. Set the background color, padding, and content alignment; if needed you can also upload a background image, then click Save Changes
  7. Click the + button inside the split slider item column
  8. Add element you want for the split slider content. If you want to add another content, select the + button to add split slider item
  9. Repeat the same step for the other side (Split Slider Right)

NOTE: If you want to use split slider, the header setting should be set as transparent header and don’t add other content after it. If you don’t want to show the header, simply select page blank template.