Genesis Simple Page Sections

Easily make full width page sections in Genesis via shortcode. Must be using the Genesis theme framework.

Download from WordPress.org

Syntax

Use the following shortcode syntax, removing the spaces before/after the brackets and placing your content between the opening and closing shortcodes:

[ genesis-simple-page-section color=”orange” width=”960″ outer_css=”” inner_css=”” ]

[ /genesis-simple-page-section ]

The shortcode takes four parameters: color, width, outer_css, and inner_css.

color

This parameter supports the standard HTML hexadecimal color codes, the standard HTML color names, and the flat design colors:

turquoise emerald peter river amethyst wet asphalt
green sea nephritis belize hole wisteria midnight blue
sun flower carrot alizarin clouds concrete
orange pumpkin pomegranate silver asbestos

width

This parameter supports percentages and length measurements (px, em, etc). If no measurement is specified, px will be used. The parameters width=”960″ and width=”960px” will have the same result.

Default width is set to 800px.

outer_css

This parameter allows you to enter your own CSS for the outer div.

Default padding is set to 1%.

inner_css

This parameter allows you to enter your own CSS for the inner div.

Default margin is set to 5rem auto.

For example, if you want the top and bottom margins to be a different size, you can use the parameter inner_css=”margin: 2rem auto;” or your own variation.