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!
Features and settings
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)
Setting up stripe in Visual Composer
Editing stripe style in Theme Options
Stripe Style #3 with Fixed Background
Text & lines colors are customisable via Theme Options
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
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.
Stripe Style #1
Text & lines colors are customisable via Theme Options
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.
Warning: Trying to access array offset on value of type bool in /home/808542.cloudwaysapps.com/gvugfzqpcj/public_html/wp-content/themes/dt-the7/inc/extensions/core-functions.php on line 274
Warning: Trying to access array offset on value of type bool in /home/808542.cloudwaysapps.com/gvugfzqpcj/public_html/wp-content/themes/dt-the7/inc/extensions/core-functions.php on line 275
Warning: Trying to access array offset on value of type bool in /home/808542.cloudwaysapps.com/gvugfzqpcj/public_html/wp-content/themes/dt-the7/inc/extensions/core-functions.php on line 277
Warning: Trying to access array offset on value of type bool in /home/808542.cloudwaysapps.com/gvugfzqpcj/public_html/wp-content/themes/dt-the7/inc/extensions/core-functions.php on line 277
Warning: Trying to access array offset on value of type bool in /home/808542.cloudwaysapps.com/gvugfzqpcj/public_html/wp-content/themes/dt-the7/inc/extensions/core-functions.php on line 302
Warning: Trying to access array offset on value of type bool in /home/808542.cloudwaysapps.com/gvugfzqpcj/public_html/wp-content/themes/dt-the7/inc/extensions/core-functions.php on line 303
Warning: Trying to access array offset on value of type bool in /home/808542.cloudwaysapps.com/gvugfzqpcj/public_html/wp-content/themes/dt-the7/inc/extensions/core-functions.php on line 321
Stripe Style #4 with Parallax Background
Predefined light text & lines color
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
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.
Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.
Stripe Style #2
Text & lines colors are customisable via Theme Options
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
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.
Stripe Style #5 with Parallax Background
Predefined dark text & lines color
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.
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
Stripe Style #4 with Video
Predefined light text & lines color
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
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.
Phasellus congue volutpat neque, semper hendrerit est sollicitudin imperdiet. Aenean id mauris quis massa tristique porttitor.