• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Adding widgeted area next to Serenity slider

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Adding widgeted area next to Serenity slider

This topic is: not resolved

Tagged: resize, serenity, slider, widget

  • This topic has 5 replies, 3 voices, and was last updated 9 years, 7 months ago by daretobe.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 11, 2013 at 3:43 pm #55689
    daretobe
    Member

    Hello,

    I followed the tutorial at http://designsbynickthegeek.com/tutorials/add-widgeted-sidebar for adding a widgeted area next to the slider in the Serenity theme. However, I'm still unable to get it to work.

    I'd like to reduce the slider width and place an autoresponder plugin to the right of it.

    I reduced slider width to 600 and added the following to the functions.php:

    genesis_register_sidebar( array(
    ‘id’ => ‘before-content-ad’,
    ‘name’ => ‘Before Content ad’,
    ‘description’ => ‘This is a sidebar that goes before the content.’,
    ) );
    add_action( ‘genesis_before_content_sidebar_wrap’, ‘child_before_content_slider’ );
    /** Loads a new sidebar before the content */
    function child_before_content_slider() {

    echo ”;
    if ( is_home() )
    dynamic_sidebar( ‘before-content-slider’ );
    echo ”;
    }

    To style the sidebar I used:
    /* Before Content
    ———————————————————— */

    .before-content-slider {
    background: #dddddd;
    padding: 10px;
    }

    The new sidebar now shows up in the dashboard. However, it does not appear on the home page. I tested the sidebar by adding a text box and simply typing in sample text. The result I got was a smaller slider that was centered on the home page and has a big white space underneath.

    I am a novice at php. I’m guessing I set up something incorrectly. Here is my url: http://www.christinenferguson.com

    Thanks in advance for your help.

    http://www.ChristineNFerguson.com
    August 11, 2013 at 4:28 pm #55696
    Anita
    Keymaster

    You need to probably add your code to the Home.php file instead of the functions and then float the widgets - one on the left and one on the right.


    Love coffee, chocolate and my Bella!

    August 11, 2013 at 11:35 pm #55722
    daretobe
    Member

    Hi and thanks for your fast response.

    I added the code to the Home.php; however, the new sidebar did not show up in the dashboard. I'm sure it's something I'm not doing correctly.

    I found a plugin called WOW slider, so I'm going to play around with that and see if it works the way I want it to.

    Thanks again!

    August 12, 2013 at 2:03 am #55738
    Brad Dalton
    Participant

    The code for the home.php widget is wrong however there is an easier solution which is to install the Pro Version of Soliloquy which enables you to add a sign up form to the slider.

    Another option is to hook in a new full width widget and use content columns for the slider and sign up form which i have answered in a previous post.

    Another option is to hook the slider into the content area and use the sidebar for the sign up form.

    Or you could fix the code above.

    Simply change the hook position to output the widget content full width or content width.

    You can add the content columns to a text widget with your form code in one column and the slider shortcode in another.

    Really depends on the positioning.


    Tutorials for StudioPress Themes.

    August 12, 2013 at 2:46 am #55742
    Brad Dalton
    Participant

    Here's another code snippet which displays the widget content in another position on the home page http://www.studiopress.community/topic/add-new-widgetized-area-in-prose/#post-55409


    Tutorials for StudioPress Themes.

    August 13, 2013 at 11:38 pm #56237
    daretobe
    Member

    Ok. Thank you. I will work on fixing the code and take it from there.

    Thanks so much. I will let you know how it goes.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble