Sridhar Katakam

Genesis and WordPress Tutorials

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

by 4 Comments

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.

  • Fantastic tutorial, Sridhar! One question though, I have breadcrumbs enabled on my site and they don’t show on the pages using this template. Any idea why?

    Reply

      • Thanks, Sridhar, funnily enough, I did try a more convoluted way but what you sent works perfectly. Just needed to add a class to it. I did so, as follows:


        // Breadcrumbs
        echo '';
        genesis_do_breadcrumbs();
        echo '';

        I then added a class to the CSS (.full-width .site-inner .breadcrumb ) and styled accordingly.

        Reply

        • Oops…my post didnt display properly, I’m not much of a commenter, so I’m not sure how to add the code!

          All I did was echo a breadcrumb class in a div, exactly like the // Page Title section in Sridhar’s code.

          Reply
    • >