Full Width Slider

Community Forums Forums General Discussion Full Width Slider

This topic is: not resolved

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

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #14524

    jclark117
    Participant
    Post count: 13

    I’d like to have a slider that’s full width but still have the standard Agentpress format below as it is in the demo. I tried changing the settings for the slider area but it’s not working. How can I set the slider to be full width but the rest of the content the standard width.

    #14577

    SoZo
    Moderator
    Post count: 1573

    You need to remove the width from #wrap and add widths and auto left/right margins to those elements you want to be centered and contained in a width.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #20007

    jclark117
    Participant
    Post count: 13

    Are you talking about featured top because I’m not seeing any width in #wrap. I tried removing width from all the areas i thought affecting it using Firebug and nothing worked.

    This is the site I’m referring to: http://www.clarkrealestate.org/wordpress/

    #20029

    braddalton
    Participant
    Post count: 9944

    Another way to do this is to create a widget area in the exact location you want your slider using genesis hooks and a conditional tag to display on the homepage only:

    [php]
    // Register before-content widget
    genesis_register_sidebar( array(
    ‘id’ => ‘before-content’,
    ‘name’ => __( ‘WP Sites Custom Widget’, ‘agentpress’ ),
    ‘description’ => __( ‘This is the before-content section.’, ‘agentpress’ ),
    ) );

    // Hook before content on home page only
    add_action( ‘genesis_before_content_sidebar_wrap’, ‘custom_before_content’, 9 );
    function custom_before_content() {
    if ( is_home() && is_active_sidebar( ‘before-content’ ) ) {
    echo ‘<div class="before-content"><div class="wrap">’;
    dynamic_sidebar( ‘before-content’ );
    echo ‘</div></div>’;
    }
    }
    [/php]

    If the code doesn’t display here correctly, you can grab it from Pastebin.

    php and html can cause a problem.

    Style using .before-content{}

    You can change the hook if you choose another location for the slider and change the conditional tag also.

    If you want to use another slider, i suggest the easing slider plugin where you can simply paste a line of code into the Genesis Simple Hooks plugin field depending on where you want to hook your slider in:
    [php]
    <?php if (is_home()) { easing_slider(); }; ?>
    [/php]

    I tested this code locally using the AgentPress theme and it looks great.


    #20187

    jclark117
    Participant
    Post count: 13

    I didn’t have any luck with that. I want the slider to display in the slider area with the search box over the slider. I want the slider to display full width but still keep the content below it wrapped the way it is now. Someone please help, I’m struggling. The bad part is this isn’t a clients site, it’s mine.

    #20258

    braddalton
    Participant
    Post count: 9944

    That code has errors because php and html cannot be displayed together using shortccodes for php so you need to click the link to pastebin.

    You can change the location of the slider by changing the hook and it works because i tested it on your theme locally.

    You can then add the search box.


    #20347

    jclark117
    Participant
    Post count: 13

    I copied it from Pastebin and I’m still struggling. What code do I need to be using in the hook? I’ve not worked a whole lot with hooks so I’m lost.

    #20348

    jclark117
    Participant
    Post count: 13

    Is there a way to do this in the slider section so I don’t have to do so much manipulation?

    #20371

    braddalton
    Participant
    Post count: 9944

    Paste the code into your child themes functions.php file and then drag the Genesis Responsive Slider into the widget area after you install the plugin.

    No need to use the simple hooks


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

You must be logged in to reply to this topic.