Using fullscreen stripe shortcode is powerful tool to highlight your content and make it stand out.

Click the stripe shortcode adding button (fig. 1):


Fig. 1. Stripe shortcode.

Fig. 1. Stripe shortcode.

Code similar to this will appear:

[dt_stripe type="1" bg_color="" bg_image="" bg_position="" bg_repeat="" bg_cover="" bg_attachment="" padding_top="" padding_bottom="" margin_top="" margin_bottom=""][/dt_stripe]

Let’s familiarize with each shortcode attribute:

type Possible values are “1″, “2″ and “3″. In fact you can ignore the rest of attributes: stripe will use setting from one of slots from “WP-admin > Theme Options > Stripes

bg_color Accepts value (argument) of background-color CSS property.

bg_image Accepts value (argument) of background-image CSS property. Note that absolute URL is required.

bg_position Accepts value (argument) of background-position CSS property.

bg_repeat Accepts value (argument) of background-repeat CSS property.

bg_cover Possible values: “true”, “false”. “true” will make stripe background fullscreen.

bg_attachment Possible values: “false”, “fixed”. Combining bg_cover=”true” with bg_attachment=”fixed” give you stripe with trendy parallax effect!

padding_top & padding_bottom Accepts integers. Use these attributes to fine-tune stripe inner paddings.

margin_top & margin_bottom Accepts whole numbers. Negative values are valid. Use these attributes to fine-tune stripe outer margins.