{"id":153,"date":"2019-09-11T19:45:05","date_gmt":"2019-09-11T16:45:05","guid":{"rendered":"http:\/\/e-merald.com\/themes\/benchmark-wp\/?page_id=153"},"modified":"2019-09-13T14:11:11","modified_gmt":"2019-09-13T11:11:11","slug":"stripe-sections","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/benchmark-wp\/resources\/general\/stripe-sections\/","title":{"rendered":"Stripe Sections"},"content":{"rendered":"\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

The page content of a full-width page is composed of stripe sections.<\/p>\n\n<\/div>\n\n\n\n\n

\n
<\/div>\n<\/div>\n\n\n\n\n
\n

\"Stripe\" is a row<\/em><\/strong> added via Page Builder and wrapped in a full-width (or left-aligned \/ right-aligned \/ boxed) background.<\/p>\n

The Benchmark theme has various types<\/strong> of stripe sections with different types of background you can choose from when setting the parameters for a row<\/em><\/strong>\u00a0in Page Builder.<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Transparent Background<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

White Background: Full-width<\/em><\/span><\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

White Background: Left-aligned<\/em><\/span><\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

White Background: Right-aligned<\/em><\/span><\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

White Background:\u00a0Box (centered)<\/em><\/span><\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Light Grey Background<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Primary Color Light Background<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Primary Color Light Background:
\nLeft-aligned<\/em><\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Primary Color Background<\/h2>\n

with smaller top and bottom paddings (optional \"stripe-narrow\" class)<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Primary Color Dark Background<\/h2>\n

with default background pattern<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Secondary Color Background<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

White Background: Left-aligned<\/em><\/span><\/h2>\n

+ colored background in the right column<\/strong><\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n

The colored background of the right column can be:<\/strong><\/p>\n