Background Stripes

Stripes are predefined row styles which you can configure from Theme options > Stripes. Before preceding to this article, please, make sure that you accustomed with configuring predefined stripe styles

Basics

Row style is a way to apply specific styles to the rows. click the the “edit row” button to configure Row settings.

Row editing interface will be displayed (see fig. 1). In the “Row style” field select one of five predefined stripe styles and two default styles. Additionally you can configure stripe with custom background, paddings, margins, animation, etc.

Fig. 1. Converting row to stripe.

Fig. 1. Converting row to stripe.

Parallax stripes

When using Row style: Stripes you will get parallax option. Scroll options tab down until you see the “Enable parallax” checkbox (see fig. 2):

Fig. 2. Enabling parallax.

Fig. 2. Enabling parallax.

After checking it, additional “Parallax speed” input will be revealed. “1” value equals normal scrolling speed (no parallax effect). For a better result, keep this value in range from 0.3 to 0.7.
Also note that negative values are acceptable, this will make your background move in a reverse direction.

Note: If there’s something wrong with image positioning, try using images with less “width/height” ratio. For example, 1400*1400px and try decreasing the parallax speed (0.9 is the slowest speed).

Video Stripes

In order to make video work properly in different browsers, you need to submit video in multiple formats: MP4, OGV, WEBM

When you select Row style: Default VC and have installed Ultimate addon plugin, you will get different set of option to configure row background from plugin (fig. 4). Ultimate addons Background in Full width mode work almost same as The7 stripes.

Fig. 4. Background option from Ultimate addon.

Fig. 4. Background option from Ultimate addon.