Parallax

This is a parallax panel.
[panel parallax="yes" bg_image="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Green-Drops.jpg" bg_image_repeat="repeat" cover="yes" fadescroll="no" background_color="#175C4E" opacity="0.5" text_color="#ffffff" text_align="center" padding="100px" margin=""]This is a parallax panel.[/panel]

Fadescroll

This is a parallax panel with fadescroll effect. When you scroll the page this text will fade out.
[panel parallax="yes" bg_image="http://imperio.djdesignerlab.com/wp-content/uploads/2014/05/Green-Drops.jpg" bg_image_repeat="repeat" cover="yes" fadescroll="yes" background_color="#175C4E" opacity="0.5" text_color="#ffffff" text_align="center" padding="100px" margin=""]This is a parallax panel with fadescroll effect. When you scroll the page this text will fade out.[/panel]

Panel Options:

  • parallax: Choose whether to apply parallax effect to the background. “yes”, “no”
  • fadescroll: Choose whether to apply fadescroll effect. “yes”, “no”
  • bg_image: Enter the background image path.
  • background_color: Enter the background color. e.g. #e1472f
  • bg_image_repeat: Choose whether to apply fadescroll effect. “repeat”, “repeat-x”, “repeat-y”, “no-repeat”
  • cover: Select yes to cover the full background with the image. “yes”, “no”
  • opacity: Enter Opacity for the background color (e.g 0.85, must be between 0.01 to 1.0).
  • text_color: Enter the text color for the panel.
  • padding: You can add the padding in this format. [0px, 0px, 0px, 0px] = [Top(px), Right(px), Bottom(px), Left(px)].
  • margin: You can add the margin in this format. [0px, 0px, 0px, 0px] = [Top(px), Right(px), Bottom(px), Left(px)].
  • text_align: “left”, “right”, “center”
  • content: All your content goes here. [panel]Text[/panel]