Split Sidebar in Prose

Community Forums Forums Design Tips and Tricks Split Sidebar in Prose

This topic is: not resolved

This topic contains 10 replies, has 4 voices, and was last updated by  dogstalkpoetry 7 months, 1 week ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #44655

    clarkscondensed
    Participant
    Post count: 48

    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/
    #44713

    braddalton
    Participant
    Post count: 9737

    Yes there is.

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #47185

    clarkscondensed
    Participant
    Post count: 48

    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?

    #47193

    braddalton
    Participant
    Post count: 9737

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #47564

    clarkscondensed
    Participant
    Post count: 48

    @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

    #63615

    hblackmon
    Participant
    Post count: 3

    Same problem here – did you ever find the solution?

    #63632

    braddalton
    Participant
    Post count: 9737

    Which code did you use?


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #63660

    hblackmon
    Participant
    Post count: 3

    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?

    #63661

    braddalton
    Participant
    Post count: 9737

    Maybe better to use a plugin for your custom code.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #88907

    dogstalkpoetry
    Member
    Post count: 33

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

    #89100

    dogstalkpoetry
    Member
    Post count: 33

    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!

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.