Stripes (sections)

[vc_row][vc_column width=”1/1″][vc_column_text]Create awesome trendy layouts with fullwidth stripes! Use existing page examples from our dummy content, or design your own unique pages. Stripes are extremely easy to use – they are fully integrated into Visual Composer, so you don’t need to mess up with complicated [text shortcodes]. Stripes are responsive and work perfectly in all modern browsers; support fixed fullwidth images, patterns, parallax effects and even videos![/vc_column_text]

[vc_column_text]

Features and settings

[/vc_column_text]

[vc_column_text]

2 default stripes with predefined text & lines colors (for light and dark backgrounds) – #4, #5
3 stripe slots in Theme Options with fully customizable headers, text & lines colors – #1, #2, #3
background color setting
background image setting
image repeat & positioning; fullscreen image
parallax with speed and direction settings
supports fullscreen self-hosted videos
top and bottom margins & paddings (you can use them to stick stripes to header and footer or instead of gaps)

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column width=”1/1″]

[/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_column_text]

Setting up stripe in Visual Composer

[/vc_column_text]

[vc_row_inner][vc_column_inner width=”1/1″]

[/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″][vc_column_text]

Editing stripe style in Theme Options

[/vc_column_text]

[/vc_column][/vc_row][vc_row type=”3″ bg_position=”top” bg_repeat=”repeat-y” bg_cover=”true” bg_attachment=”true” padding_top=”40″ padding_bottom=”20″ parallax_speed=”0.1″ margin_top=”50″ margin_bottom=”0″ padding_left=”40″ padding_right=”40″][vc_column width=”1/1″][vc_column_text]

Stripe Style #3 with Fixed Background

[/vc_column_text]

[vc_column_text]

Text & lines colors are customisable via Theme Options

[/vc_column_text]

[vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Dolor amet glavrida amos
Maecenas id lacus tempor amet
Lorem ipsum dolor
Aenean suscipit vulputate lorem
Lorem ipsum dolor
Dolor amet glavrida amos
Lorem ipsum dolor
Dolor amet glavrida amos

[/vc_column_text]

[/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor. Nam at ligula sagittis, vulputate tortor vitae, lobortis tellus. Aenean suscipit vulputate lorem a bibendum. Proin volutpat sit amet sapien id venenatis. Maecenas id lacus tempor, sollicitudin odio vitae, sagittis eros. Mauris suscipit lorem quis dictum faucibus.

Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.[/vc_column_text]

[/vc_column_inner][vc_column_inner width=”1/3″]

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type=”2″ bg_position=”top” bg_repeat=”repeat” bg_cover=”false” bg_attachment=”false” padding_top=”40″ padding_bottom=”20″ parallax_speed=”0.1″ margin_top=”-1″ margin_bottom=”0″][vc_column width=”1/1″][vc_column_text]

Stripe Style #1

[/vc_column_text]

[vc_column_text]

Text & lines colors are customisable via Theme Options

[/vc_column_text]

[vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor. Nam at ligula sagittis, vulputate tortor vitae, lobortis tellus. Aenean suscipit vulputate lorem a bibendum. Proin volutpat sit amet sapien id venenatis. Maecenas id lacus tempor, sollicitudin odio vitae!

Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.[/vc_column_text]

[/vc_column_inner][vc_column_inner width=”1/3″]

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

[/vc_column_inner][vc_column_inner width=”1/3″]

[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type=”4″ bg_position=”center” bg_repeat=”no-repeat” bg_cover=”true” bg_attachment=”true” padding_top=”40″ padding_bottom=”20″ parallax_speed=”0.2″ margin_top=”-1″ margin_bottom=”0″ bg_color=”#19140f” bg_image=”http://the7.dream-demo.com/main/wp-content/uploads/sites/9/2013/10/qq1.jpg” enable_parallax=”false”][vc_column width=”1/1″][vc_column_text]

Stripe Style #4 with Parallax Background

[/vc_column_text]

[vc_column_text]

Predefined light text & lines color

[/vc_column_text]

[vc_row_inner][vc_column_inner width=”1/3″]

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

[/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

Maecenas id lacus tempor amet
Lorem ipsum dolor
Aenean suscipit vulputate lorem
Lorem ipsum dolor
Dolor amet glavrida amos
Lorem ipsum dolor
Dolor amet glavrida amos

[/vc_column_text]

Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.[/vc_column_text]

Stripe Style #2

[/vc_column_text]

[vc_column_text]

Text & lines colors are customisable via Theme Options

[/vc_column_text]

[vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Dolor amet glavrida amos
Aenean suscipit vulputate lorem
Lorem ipsum dolor
Dolor amet glavrida amos
Lorem ipsum dolor
Dolor amet glavrida amos

[/vc_column_text]

Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.[/vc_column_text]

[/vc_column_inner][vc_column_inner width=”1/3″]

Vivamus lectus eget mollis ligula. Vesti bulum vitae ultrices justo. Donec sed venenatis lacus. Lorem viverra, augue nec pellen tesque sagittis, quam tortor suscipit elit lectus eget mollis ligula nostra mattis nulla eleifend bulum vitae.

Richard Brown
happy customer
Nullam quis gravida nisi. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius! Praesent rutrum velit eget quam elit dui, congue eu ornare.

Anna White
photographer
Morbi viverra, mi neque bibendum turpis, at venenatis justo massa a justo. Aenean per conubia nostra adipiscing faucibus ante eget semper lorem ipsum dolor imperdiet aptent taciti sociosqu ad litora torquent per conubia nostra mattis.

Alex Green
happy client
Nullam quis gravida nisi. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat.

Miriam Anderson
manager
Morbi viverra, mi non placerat tincidunt, imperdiet aptent taciti sociosqu ad litora torquent per conubia nostra mattislectus neque bibendum turpis, at venenatis justo massa a justo. Aenean lorem ipsum dolorper faucibus ante eget semper.

Diana Gray
happy client

[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type=”5″ bg_position=”top” bg_repeat=”repeat-y” bg_cover=”true” bg_attachment=”true” padding_top=”40″ padding_bottom=”20″ parallax_speed=”-0.3″ margin_top=”-1″ margin_bottom=”0″ bg_color=”#e7f6ff” bg_image=”http://the7.dream-demo.com/main/wp-content/uploads/sites/9/2013/12/rainbow.jpg” enable_parallax=”false” padding_left=”40″ padding_right=”40″][vc_column width=”1/1″][vc_column_text]

Stripe Style #5 with Parallax Background

[/vc_column_text]

[vc_column_text]

Predefined dark text & lines color

[/vc_column_text]

Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.[/vc_column_text]

[/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

Dolor amet glavrida amos
Maecenas id lacus tempor amet
Lorem ipsum dolor
Aenean suscipit vulputate lorem
Lorem ipsum dolor
Dolor amet glavrida amos
Lorem ipsum dolor
Dolor amet glavrida amos

[/vc_column_text]

[/vc_column_inner][vc_column_inner width=”1/3″]

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row type=”4″ bg_position=”top” bg_repeat=”repeat-y” bg_cover=”true” bg_attachment=”true” padding_top=”40″ padding_bottom=”20″ parallax_speed=”0.2″ margin_top=”-1″ margin_bottom=”0″ bg_color=”#160004″ bg_video_src_mp4=”http://the7.dream-demo.com/main/wp-content/uploads/demo-video/videothe7.mp4″ bg_video_src_webm=”http://the7.dream-demo.com/main/wp-content/uploads/demo-video/videothe7.webm” padding_left=”40″ padding_right=”40″ bg_video_src_ogv=”http://the7.dream-demo.com/main/wp-content/uploads/demo-video/videothe7.ogv” enable_parallax=”false”][vc_column width=”1/1″][vc_column_text]

Stripe Style #4 with Video

[/vc_column_text]

[vc_column_text]

Predefined light text & lines color

[/vc_column_text]

[vc_row_inner][vc_column_inner width=”1/3″]

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

[/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]

Maecenas id lacus tempor amet
Lorem ipsum dolor
Aenean suscipit vulputate lorem
Lorem ipsum dolor
Dolor amet glavrida amos
Lorem ipsum dolor
Dolor amet glavrida amos

[/vc_column_text]

Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.[/vc_column_text]

Stripe Style #2

[/vc_column_text]

[vc_column_text]

Text & lines colors are customisable via Theme Options

[/vc_column_text]

[vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Dolor amet glavrida amos
Aenean suscipit vulputate lorem
Lorem ipsum dolor
Dolor amet glavrida amos
Lorem ipsum dolor
Dolor amet glavrida amos

[/vc_column_text]

Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.[/vc_column_text]

[/vc_column_inner][vc_column_inner width=”1/3″]

Vivamus lectus eget mollis ligula. Vesti bulum vitae ultrices justo. Donec sed venenatis lacus. Lorem viverra, augue nec pellen tesque sagittis, quam tortor suscipit elit lectus eget mollis ligula nostra mattis nulla eleifend bulum vitae.

Richard Brown
happy customer
Nullam quis gravida nisi. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius! Praesent rutrum velit eget quam elit dui, congue eu ornare.

Anna White
photographer
Morbi viverra, mi neque bibendum turpis, at venenatis justo massa a justo. Aenean per conubia nostra adipiscing faucibus ante eget semper lorem ipsum dolor imperdiet aptent taciti sociosqu ad litora torquent per conubia nostra mattis.

Alex Green
happy client
Nullam quis gravida nisi. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat.

Miriam Anderson
manager
Morbi viverra, mi non placerat tincidunt, imperdiet aptent taciti sociosqu ad litora torquent per conubia nostra mattislectus neque bibendum turpis, at venenatis justo massa a justo. Aenean lorem ipsum dolorper faucibus ante eget semper.

Diana Gray
happy client

[/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]