Sridhar Katakam

Genesis and WordPress Tutorials

Themes

  • Home
  • About
  • Archive
    • By Child Theme
  • Membership
    • FAQ
  • Forums
    • Members-only
      • Tutorial Requests
    • Paid Support
  • Contact
  • Login

How to set up a custom Page Template for full width content in Digital Pro

September 6, 2016 by Sridhar Katakam 4 Comments Favorited: 14 times

In Genesis Slack a user wrote:

Hi everyone, keep coming back to Genesis and am determined to get my head around it this time! Currently trying to work out how to create a template with full width backgrounds and wrapped content. I’d like to do this without a plugin. Can anyone point me in the right direction?!

We can create a custom Page Template based on Front Page Template for Full Width Sections in Genesis and Full Width Page Template in Genesis for Beaver Builder and apply it on select Pages for full width content where divs go edge to edge with actual content (paragraphs, in this case) inside a wrap.

In this example we shall create a custom Full Width Page Template and apply it to a static Page to have something like this in Digital Pro:

digital-pro-page-template-full-width

Step 1

Create a file named say, template_custom-full-width.php in Digital Pro's directory having the following code:

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

 
 
Forgot Password

Filed Under: Featured, Genesis, Premium Content Tagged With: Custom Page Template, Digital Pro, Full Width Content

Recent Comments

  • Sridhar Katakam on BrowserSync in Laravel Valet
  • Bharti on How to add a new website in Google Analytics
  • Chuck Smith on BrowserSync in Laravel Valet
  • arunkumar on BrowserSync in Laravel Valet
  • Craig Simpson on BrowserSync in Laravel Valet
  • Sridhar Katakam on BrowserSync in Laravel Valet
  • arunkumar on BrowserSync in Laravel Valet
  • Vajrasar on BrowserSync in Laravel Valet
  • fatcatdesign on Multiple Rotating Background images with Ken Burns Effect in Altitude Pro
  • admin@heyitsfree.net on How to load Font Awesome 5 in WordPress

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.

Join 1,042 other subscribers

Categories

Tags

ACF ACF Pro Agency Pro Altitude Pro Background Video Backstretch Centric Pro CPT CSS Grid Digital Pro dynamik equal heights featured image fixed Fixed header Flexbox font awesome footer footer widgets Genesis Sample grid header Infinity Pro Isotope jQuery lightbox Masonry Metro Pro minimum-pro Monochrome Pro Outreach Pro page template parallax Parallax Pro portfolio pre_get_posts responsive search Showcase Pro slider Soliloquy sticky Video Background widget area WooCommerce
Follow @srikat

Recent Posts

  • BrowserSync in Laravel Valet
  • How to dynamically load posts on click using Ajax in Genesis
  • Multiple Rotating Background images with Ken Burns Effect in Altitude Pro
  • Secondary logo on scroll in Business Pro
  • Site Title – Custom Menu – Primary Menu in Genesis
  • Rotating Background Images for Page Header section using Featured Galleries and Backstretch in Business Pro
  • Header Right widget area in Genesis Sample 2.6.0
  • Utility Bar in Genesis Sample
  • CSS Grid with Float Fallback
  • Font Awesome 5 SVG icons above menu items in Genesis

Find my tutorials helpful and wish to donate?

© 2018 · Genesis Sample Theme on Genesis Framework