Genesis Custom Fields Template With Full Screen Width Sections

This post contains a template which includes custom fields.

You can use the template as many times as you like on as many pages as you need in any child theme running Genesis.

The template includes 3 full width sections however you can easily copy and paste them to make unlimited sections.

Here’s the demo image:

Here’s the backend which includes the fields you can use to show unique content on any page using the template.

You can easily replace the background colour for each field using the CSS below or add unique background images using the page or post i.d.

Installation

1. Using a code editor, create a new file and add the PHP code below to the file in your child themes root directory.
2. Add the CSS below to the end of your child themes style.css file and change the page-id to match your own which you can grab from the body class line in the source code
3. Install the ACF plugin and import this file to generate the text areas for each field. Otherwise you can manually create each field if you desire.