Slider area question: split the space?

Community Forums Forums Design Tips and Tricks Slider area question: split the space?

This topic is: not resolved


This topic contains 3 replies, has 2 voices, and was last updated by  braddalton 1 year, 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #83638


    How can I do something like this using a Genesis (child) theme with a single slider area:

    where 1/4 of the slider area (either right or left) is fixed (I want to put a book-cover in there) and the 3/4 of the area is the moving slider?




    Many ways

    1 You can hook in the slider directly to the genesis before loop position

    Then put the book cover in the sidebar

    2. You can hook in the slider directly to the genesis before loop position

    Then hook the book cover into the genesis_before_sidebar_widget_area position

    3. You could hook the slider into the header area and use the header right widget area for the book cover.

    4. You could create 3/4 content columns for the slider and then add the book cover next to it.

    The easiest way would be to create a new widget area after the header, add content columns for your slider and book cover.

    Or use a slider which enables you to create custom content in the slider.

    Try this



    Thanks for the info, but it is a bit beyond my knowledge-level.

    Obviously it is best to use a theme that has these areas built in. I believe Corporate does. However, I’m using Appfinite Legacy (so I guess I should ask over there?)

    I know how to register a widget area and add it to under the header (basically what the theme does now with the slider:

     * Display widget content for "slider" and "welcome" sections.
    function legacy_home_loop_helper_top() {
    		genesis_widget_area( 'slider', array(
    			'before' => '<div class="slider"><div class="wrap">',
    			'after' => '</div></div>',
    		) );
    		genesis_widget_area( 'welcome', array(
    			'before' => '<div class="welcome"><div class="wrap">',
    			'after' => '</div></div>',
    		) );

    Is there a way to register new area like “slider-fixed-area” and somehow pop it in the code above and change the width of the slider area and this new area with CSS?

    Maybe I’m just way over my head here.



    Use width: 25%; on one widget class and width: 75%; float: right; on the other.

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

You must be logged in to reply to this topic.