OUTSOFT | Stripes

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.

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

Stripe Style #1

Text & lines colors are customisable via Theme Options

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

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

01 – photo blog post
August 8, 2013

03 – standard blog post with image
August 8, 2013

06 – video blog post
August 8, 2013

Stripe Style #4 with Parallax Background

Predefined light text & lines color

Lorem ipsum dolor

Amet onse lorem ipsum adipiscing elit congue volutpat.

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

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

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

Lorem ipsum nec magna fermentum in pharetra orci mollis sit amet odio eu amet mauris ornare dapibus. Morbi pellen tesque vehicula nisi. Nam enim felis apibus egetras consec tetur augue emassa auctort id glavico to amet molestie lorem pulvinar odio eulos amet mauris ornare dapibus.

01 – Diana Red
manager
Nulla cursus, enim et luctus hendre ritnisl libero molestie ante, ut fringilla purus eros quis ipsum. Aliquam bibendum, est a semper malesuada enim et luctus hendre ritnisl libero molestie lectus. Cras justo non justo venenatis element. Curabitur sed dui metus. Ut lobortis nisl at semper tellus tincidunt lorem ipsum dolor amet communitas.

02 – Anna White
loyal client
Lorem enim et luctus hendre ritnisl libero molestie ante, ut fringilla purus eros quis ipsum. Aliquam bibendum, est a semper malesuada enim et luctus hendre ritnisl libero molestie lectus. Cras justo non justo venenatis element. Curabitur sed dui metus. Ut lobortis nisl at semper tellus tincidunt lorem.

03 – Richard Black
happy client
Mauris id vestibulum massa. Donec felis nisl, tincidunt eget volutpat quis, porta sit amet est. Pellentesque sollicitudin velit vel molestie.

04 – George Green
web designer
Duis et aliquet mi. Morbi ac felis quis enim rhoncus venenatis. Praesent pellentesque a arcu ut eleifend. Nam ac velit quis ante varius placerat.

05 – Stefan Sweet
happy client
Vursus, enim et luctus hendre ritnisl libero molestie ante, ut fringilla purus eros quis ipsum. Aliquam bibendum, est a semper malesuada enim et luctus hendre ritnisl libero molestie lectus. Cras justo non justo venenatis element. Curabitur sed dui metus. Ut lobortis nisl at semper tellus tincidunt lorem ipsum dolor amet communitas.

06 – Miriam Orange
photographer
Lorem ipsum nec magna fermentum in pharetra orci mollis sit amet odio eu amet mauris ornare dapibus. Morbi pellen tesque vehicula nisi. Nam enim felis apibus egetras consec tetur augue emassa auctort id glavico to amet molestie lorem pulvinar odio eulos amet mauris ornare dapibus.

07 – Tiffany Violet
happy customer
Yopsum nec magna fermentum in pharetra orci mollis sit amet odio eu amet mauris ornare dapibus. Morbi pellen tesque vehicula nisi. Nam enim felis apibus egetras consec tetur augue emassa auctort id glavico to amet molestie lorem pulvinar odio eulos amet mauris ornare dapibus.

08 – Miriam Vanilla
programmer
Duis et aliquet mi. Morbi ac felis quis enim rhoncus venenatis. Praesent pellentesque a arcu ut eleifend. Nam ac velit quis ante varius placerat.

09 – Alex Yellow
photographer