Split Sidebar in Prose

[clarkscondensed]

So I am wondering if there is a way to split the sidebar half way down. For example, I want the sidebar to look like this

 

CCCCCC

CCCCCC

CCCCCC

CC      CC

CC      CC

 

more-or-less. Is there an easy way to do this?

http://69.195.124.91/~clarksco/

[Brad Dalton]

Yes there is.

This code has been written by one of the Genesis Developers, Gary Jones. http://code.garyjones.co.uk/genesis-split-sidebars

---

Tutorials for StudioPress Themes.

[clarkscondensed]

I followed those instructions, but I can't find where the the split sidebars are. Where would they show up? Would I be able to see them in my widget area?

[Brad Dalton]

Please check your widget area at the bottom right hand side @clarkcondensed.

---

Tutorials for StudioPress Themes.

[clarkscondensed]

@BradDalton, I just checked there and these are all the categories available In order)

Header Right
Primary Sidebar
SEcondary Sidebar
After Post
Footer 1
Footer 2
Footer 3

[hblackmon]

Same problem here - did you ever find the solution?

[Brad Dalton]

Which code did you use?

---

Tutorials for StudioPress Themes.

[hblackmon]

I used the code here: http://code.garyjones.co.uk/genesis-split-sidebars

I turned off minify, and pasted the PHP section in custom code - custom functions & the css section in custom code - css. When I go to the widgets section, there are no new widgets available. Am I missing a step?

[Brad Dalton]

Maybe better to use a plugin for your custom code.

---

Tutorials for StudioPress Themes.

[Eva Lim]

I copied the same code and it doesn't work for my Prose theme as well.

[Eva Lim]

After 2 long days of research and experimenting, I finally found the solution. VICTORY!!
Steps as below:

1. Add 2 new sidebars using Genesis Simple Sidebars as below:
(DO NOT bother using Custom CSS! Tried several code variations but it just doesn't seem to work at least for Prose.)

NAME / ID / DESCRIPTION
Primary Sidebar Bottom Left / pri-sidebar-bottom-left / This shows up underneath the primary sidebar.
Primary Sidebar Bottom Right / pri-sidebar-bottom-right / This shows up underneath the primary sidebar.

You will see the two sidebars appear if you go to Appearance>Widgets.

2. Add the code below to the "genesis_after_sidebar_widget_area" hook in Genesis Simple Hooks:

<div class="pri-sidebar-bottom-left">
<?php genesis_widget_area ( 'pri-sidebar-bottom-left' ); ?>
</div>

<div class="pri-sidebar-bottom-right">
<?php genesis_widget_area ( 'pri-sidebar-bottom-right' ); ?>
</div>

* Make sure that the "Execute PHP on this hook?" box is checked.

3. Go to Genesis>Custom Code>Custom CSS and add this:

/** SPLIT SIDEBARS */
.pri-sidebar-bottom-left, .pri-sidebar-bottom-right {
display: inline;
float: left;
width: 50%;
}

.pri-sidebar-bottom-right {
float: right;
}

If you go back to Appearance>Widgets and place a text widget inside both the new sidebars with dummy text, you should see them appear underneath the primary sidebar. Good luck!

[Author]

Posts