Community Forums › Forums › Archived Forums › Design Tips and Tricks › Split Sidebar in Prose
Tagged: New Widget Areas, Prose, Sidebar, split sidebar
- This topic has 10 replies, 4 voices, and was last updated 10 years, 2 months ago by Eva Lim.
-
AuthorPosts
-
June 7, 2013 at 4:38 pm #44655clarkscondensedMember
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/June 8, 2013 at 12:13 am #44713Brad DaltonParticipantYes there is.
This code has been written by one of the Genesis Developers, Gary Jones. http://code.garyjones.co.uk/genesis-split-sidebars
June 22, 2013 at 10:50 am #47185clarkscondensedMemberI 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?
June 22, 2013 at 12:21 pm #47193Brad DaltonParticipantPlease check your widget area at the bottom right hand side @clarkcondensed.
June 24, 2013 at 4:25 pm #47564clarkscondensedMember@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 3September 20, 2013 at 8:37 pm #63615hblackmonMemberSame problem here - did you ever find the solution?
September 21, 2013 at 4:22 am #63632Brad DaltonParticipantSeptember 21, 2013 at 9:01 am #63660hblackmonMemberI 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?
September 21, 2013 at 9:10 am #63661Brad DaltonParticipantFebruary 5, 2014 at 10:33 pm #88907Eva LimMemberI copied the same code and it doesn't work for my Prose theme as well.
February 7, 2014 at 4:52 am #89100Eva LimMemberAfter 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!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.