Foundation 6 Orbit Shortcode

Foundation 6 Orbit Shortcode Example

  • Mother of Dragons
    Mother of Dragons
  • The King in the North
    The King in the North
  • Tormund Giantsbane
    Tormund Giantsbane

Use the following shortcode examples to manually insert a Foundation 6 menu.

Shortcode Attributes

[f6_orbit] has seven possible attributes:

  • controls="true" – true or false: True to show the next/previous arrow controls, false to hide
  • bullets="true" – true or false: True to show pager bullets, false to hide
  • left_in="fade-in" – Choose the “in from left” animation. Orbit Animation Reference
  • right_in="fade-in" – Choose the “in from right” animation. Orbit Animation Reference
  • left_out="fade-out" – Choose the “out from left” animation. Orbit Animation Reference
  • right_out="fade-out" – Choose the “out from right” animation. Orbit Animation Reference
  • custom-class="anyClassName" – Enter a custom CSS Class name here if you would like to.

[f6_orbit_slide]] has two possible attributes:

  • src="https://www.402websites.com/wp-content/uploads/2017/06/jonSnow-bg.jpg" – Fully qualified URL to image, or you can use a numeric attachment ID.
  • alt="Image Alt Text" – Enter the image alternative text.
  • [[f6_orbit_slide]Slide Caption Goes here[/f6_orbit_slide] – Caption overlay text is the content between the opening and closing shortcode

Or add the shortcode with a few clicks of the mouse using Visual Composer. Check out the screenshots below!