Fullwidth Section

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

[spacer /]

[fullwidth background_image=”http://withemes.net/sonata/wp-content/uploads/2014/03/fullwidth-bg.jpg” parallax=”true” padding=”100″ border=”false” overlay=”70″]

[bigtext color=”white”]Sonata is the last theme you need to purchase[/bigtext]

[spacer /]

[align align=”center”]

[button color=”orange” link=”http://themeforest.net/user/withemes?ref=withemes”]Take a look[/button]

[button color=”transparent” link=”http://themeforest.net/user/withemes?ref=withemes” icon=”cart”]Get it now[/button]

[/align]

[/fullwidth]

[spacer /]

[pre][[fullwidth background_image=”BACKGROUND IMAGE URL” parallax=”true” padding=”100″ border=”false” overlay=”70″]
CONTENT HERE
[/fullwidth]][/pre]

[spacer /]

[fullwidth padding=”40″]

[center_heading subtitle=”We offer a range of compensation and benefits.” border=”false”]What we offer?[/center_heading]

[column size=”1/4″]

[small_iconbox name=”Fully Responsive” icon=”desktop”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[column size=”1/4″]

[small_iconbox name=”Translation Ready” icon=”edit”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[column size=”1/4″]

[small_iconbox name=”Elegant & Clean” icon=”ccw”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[column size=”1/4″ last=”true”]

[small_iconbox name=”Extensive Options” icon=”cog”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[spacer]

[column size=”1/4″]

[small_iconbox name=”Retina ready” icon=”eye”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[column size=”1/4″]

[small_iconbox name=”SEO Optimized” icon=”search”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[column size=”1/4″]

[small_iconbox name=”Contact form 7″ icon=”envelope”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[column size=”1/4″ last=”true”]

[small_iconbox name=”5-star support” icon=”lifebuoy”]

Lorem ipsum dolor sit amet ainai consectetuer adipiscing elit, seda diam nonummy nibh gonzo magi

[/small_iconbox]

[/column]

[/fullwidth]

[spacer /]

[pre][[fullwidth padding=”40″]CONTENT[/fullwidth]][/pre]

[hr /]

Usage

Here’re parameters of this shortcode:

[list type=”plus”]

  • padding: This should be a number. Padding top and bottom of the section (in px). Default is 30.
  • padding_top: Padding top of the section (in px). Default none. If leave this parameter blank, padding top will be taken from padding parameter.
  • padding_bottom: Padding bottom of the section (in px). Default none. If leave this parameter blank, padding bottom will be taken from padding parameter.
  • backgroundtrue or false. If set “true”, background will be a light grey color (#f9f9f9). If set “false”, background will be white.
  • bordertrue or false. There’re 2 border lines at top and bottom. Set border=”false” if you want to hide them. Default is true.
  • containertrue or false. There is an inside container of fullwidth section to make your content not reach to the edge of page. Set it container=”false” if you don’t want so. Set container=”false” in case Google Map, Fullwidth Slider or Fullwidth Video… Default is true.
  • background_image: The image URL that you want to set background. At least 1366px in width for best perform on old browsers like IE8.
  • parallaxtrue or false. Set true to enable the parallax effect. Default is false.
  • overlay: should be a number from 0 – 100. It’s the background darkness in %. Default is 0.

[/list]

Leave a Reply

Your email address will not be published. Required fields are marked *