2 minutes read

Fullwidth

Parameters:

  • padding_top – set value of padding top in px, exemplary value: “50px”.
  • padding_right – set value of padding right in px, exemplary value: “100px”.
  • padding_bottom – set value of padding bottom in px, exemplary value: “50px”.
  • padding_left – set value of padding left in px, exemplary value: “100px”.
  • background_color – set color of background, exemplary value: “#00000”.
  • background_image – set URL of background image, exemplary value: “http://example.com/image.jpg”.
  • background_position – set background position, allowed values: “left top”, “left center”, “left bottom”, “right top”, “right center”, “right bottom”, “center top”, “center center”, “center bottom”.
  • background_repeat – set background repeat value, allowed values: “repeat”, “repeat-x”, “repeat-y”, “no-repeat”, “initial”, “inherit”.
  • parallax – display as parallax on desktop, exemplary values: “yes” or “no”.
  • margin_top – set margin top in px, exemplary value: “50px”.
  • margin_bottom – set margin bottom in px, exemplary value: “50px”.
  • standard_content_width – set standard content width for the items inside container, exemplary values: “yes” or “no”. Enabled by default.
  • class – add a CSS class.
  • id – add an unique id.
  • style – add an inline style.

Exemplary usage:

[fullwidth padding_top="50px" padding_right="" padding_bottom="50px" padding_left="" background_color="green" background_image="" background_position="" background_repeat="" parallax="" margin_top="" margin_bottom="" class="" id="" style="color:white"]
<p>Place for text or element.</p>
[/fullwidth]

See also demo of fullwidth shortcode. In full download package (Dummy data/shortcodes-pages/fullwidth.html) you can find the file with shortcodes we used to create demo page.

Did you know...

You can use fullwidth element in drag and drop website builder (Visual Composer) and customize this element easily without coding skills. Parameters and design options are the same as in shortcode.