50/50 Content Sidebar Layout For Genesis

Mar 8, 2014

—

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

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.

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:

Comments

14 responses to “50/50 Content Sidebar Layout For Genesis”

Sidebar Content Sidebar Sidebar Layout For Genesis | World of WordPress

April 23, 2017

[…] sidebar content sidebar sidebar setting adds another layout option in addition to the 50/50 genesis layout published here back in March […]

Log in to Reply
Custom Sidebar for Custom Layout in Genesis

July 17, 2015

[…] tutorial provides the code which adds a custom sidebar widget area to this existing tutorial which shows you how to create a custom layout setting in any StudioPress child […]

Log in to Reply
Carl

December 17, 2014

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

Log in to Reply
1. Brad Dalton
  
  December 17, 2014
  
  Yes, click the Download Custom Layout for Genesis Button.
  
  Its for members only.
  
  Log in to Reply
Kimberly Reynolds

November 19, 2014

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
1. Brad Dalton
  
  November 19, 2014
  
  Thanks for the feedback Kimberly.
  
  Log in to Reply
Faiek

July 5, 2014

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
1. Brad Dalton
  
  July 5, 2014
  
  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
Faiek

July 5, 2014

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
1. Brad Dalton
  
  July 5, 2014
  
  I think it would simply be a matter of using the CSS for that yes.
  
  Log in to Reply
Jennifer

June 9, 2014

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
1. Brad Dalton
  
  June 9, 2014
  
  Hi Jennifer
  
  Please check the file path, name and extension.
  
  [code]
  ‘img’ => get_stylesheet_directory_uri() . ‘/images/layouts/custom-layout.gif’,
  [/code]
  
  Only works in a child theme.
  
  Log in to Reply
eriii

March 20, 2014

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
1. Brad Dalton
  
  March 20, 2014
  
  You would need to use content column classes. http://wpsites.net/web-design/creating-content-columns-in-wordpress-posts-pages/
  
  Log in to Reply