• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

50/50 Content Sidebar Layout For Genesis

This code generates a new Genesis layout option which will appear next to your existing default layout images like this:

layout settings

Small Content Big Sidebar

This screenshot shows the single post layout using the code below. The PHP code creates a small content, big sidebar layout and can also be used on any archive page.

single post layout

Code Installation

After downloading the folder, copy ALL the PHP code from the functions.php file excluding the opening php tag and paste it at the end of your child themes functions.php file using a text editor like Notepad++.

The CSS goes at the end of your child themes style.css file before the Media Queries.

Here’s the code for members:

Register for full access

Related Tutorials

  • Sidebar Content Sidebar Sidebar Layout For Genesis
  • Change Layout Based On Any Conditions
  • How To Modify Site Inner Wrap Content & Sidebar Width Layout in Genesis
  • Custom Sidebar for Custom Layout in Genesis

Layout

Reader Interactions

Comments

  1. Carl says

    December 17, 2014 at 3:09 pm

    Thanks for the tip, very useful – you mention to copy the code – can specify where to find it? Thx

    Log in to Reply
    • Brad Dalton says

      December 17, 2014 at 3:39 pm

      Yes, click the Download Custom Layout for Genesis Button.

      Its for members only.

      Log in to Reply
  2. Kimberly Reynolds says

    November 19, 2014 at 6:13 pm

    Brad,

    Small Content Big Sidebar works like a dream! Super easy to add your code to functions.php and update the stylesheet in the Genesis 1140 child theme.

    Sure wish I would have seen your note on StudioPress sooner ( http://www.studiopress.com/forums/topic/change-width-of-sidebar-and-main-column-in-sample-theme/ )

    Thanks so much!

    Kimberly

    Log in to Reply
    • Brad Dalton says

      November 19, 2014 at 6:46 pm

      Thanks for the feedback Kimberly.

      Log in to Reply
  3. Faiek says

    July 5, 2014 at 3:13 pm

    I just have one question , the above code gives you content-sidebar layout , what if you want it sidebar-content option ?

    Log in to Reply
    • Brad Dalton says

      July 5, 2014 at 3:37 pm

      What have you tried so far?

      I think i’ve made it as easy as it can possibly get to modify.

      You’ll never learn anything if you’re always given the solution.

      Log in to Reply
  4. Faiek says

    July 5, 2014 at 2:22 pm

    Many Thanks !!! Just what I was looking for , I suppose I can also create a 50/25/25 content/sidebar/sidebar split using this code and just tweaking it a bit

    Log in to Reply
    • Brad Dalton says

      July 5, 2014 at 2:54 pm

      I think it would simply be a matter of using the CSS for that yes.

      Log in to Reply
  5. Jennifer says

    June 9, 2014 at 2:45 pm

    Hi. I uploaded the image you provided to a folder named layout inside my child theme’s images folder. How do I get the image to appear in the themes settings default layout? Thank you.

    Log in to Reply
    • Brad Dalton says

      June 9, 2014 at 2:52 pm

      Hi Jennifer

      Please check the file path, name and extension.

      'img'   => get_stylesheet_directory_uri() . '/images/layouts/custom-layout.gif',

      Only works in a child theme.

      Log in to Reply
  6. eriii says

    March 20, 2014 at 3:46 pm

    How about if we would like to make a 3 column theme for Genesis? 2 content columns and 1 sidebar.

    Would love to know thank you!

    Log in to Reply
    • Brad Dalton says

      March 20, 2014 at 4:09 pm

      You would need to use content column classes. http://wpsites.net/web-design/creating-content-columns-in-wordpress-posts-pages/

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.