[osp_btn] Shortcode

This shortcode enables you to display the Side Panel opening button anywhere on your website:

[osp_btn]

Here is a list of the different shortcode parameters you can use:

  • icon: add custom icon class. Note, this parameter doesn't function if you use the btn parameter in the shortcode. Default value is: fa fa-bars.
  • text: add custom text. No text added by default.
  • btn: use to add button animation, with the hamburger icon always being the default opening icon. Default value is: default.

For example, if you want to add an opening button with the Arrow Reverse animation and a text, insert this shortcode:

[osp_btn btn="arrow-r" text="Open the Panel"]

Here is a list of all values you can use for the btn parameter for the [osp_btn] shortcode:

  • default => Default Icon (hamburger),
  • 3dx => 3D X,
  • 3dx-r => 3D X Reverse,
  • 3dy => 3D Y,
  • 3dy-r => 3D Y Reverse,
  • 3dxy => 3D XY,
  • 3dxy-r => 3D XY Reverse,
  • arrow => Arrow,
  • arrow-r => Arrow Reverse,
  • arrowalt => Arrowalt,
  • arrowalt-r => Arrowalt Reverse,
  • arrowturn => Arrowturn,
  • arrowturn-r => Arrowturn Reverse,
  • boring => Boring,
  • collapse => Collapse,
  • collapse-r => Collapse Reverse,
  • elastic => Elastic,
  • elastic-r => Elastic Reverse,
  • minus => Minus,
  • slider => Slider,
  • slider-r => Slider Reverse,
  • spin => Spin,
  • spin-r => Spin Reverse,
  • spring => Spring,
  • spring-r => Spring Reverse,
  • stand => Stand,
  • stand-r => Stand Reverse,
  • squeeze => Squeeze,
  • vortex => Vortex,
  • vortex-r => Vortex Reverse.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.