Made custom sidebar, but can't format it.

[sethbahookey]

I just created a custom sidebar mainly through Carrie Dils tutorial. This is what I have.

/** Add custom sidebar */
genesis_register_sidebar(array(
'name'=>'Sidebar for Conditions',
'id' => 'conditions-sidebar',
'description' => 'This is a menu for the treatable conditions page',
'before_widget' => '<div id="%1$s"><div class="widget %2$s">',
'after_widget' => "</div></div>\n",
'before_title' => '<h4><span>',
'after_title' => "</span></h4>\n"
));

add_action( 'get_header', 'conditions_sidebar' );
function conditions_sidebar() {
if ( is_page( 'treatable-conditions' )) {
remove_action( 'genesis_after_content', 'genesis_get_sidebar' );
add_action( 'genesis_after_content', 'call_in_conditions_sidebar' );
}
}

//* Function to call in Conditions Sidebar
function call_in_conditions_sidebar() {
genesis_widget_area( 'conditions-sidebar' );
}

It works just fine and it shows. However, there is 0 formatting on it at all 🙁 I'd like to have the kind of formatting like the Genesis News Extended widget where it's in the black box and there is padding.

Basically I'm trying to insert a menu in the side when you go to a specific page, but all it shows is the links in basic text lined right up against the main content area. Why does it do this?

Do I have to go into CSS and format this whole section? Or am I missing something that would give it that kind of formatting naively?

[Lauren @ OnceCoupled]

You'll need to include a link to your website, or at the very least, what theme you're using. It sounds like you could add add a class to it in order to obtain the styling you're looking for. Or that you're using a widget that doesn't use a style similar to the enews widget, in which case yes, you would need to go into the CSS and make changes.

Also, when you paste code into the forum, please use the code tags. This formats it in a legible way, and prevents it from breaking the site of anyone who copies the code.

Let me know where the site is, and I'll have a second look!

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[sethbahookey]

I am using the Genesis Sample Theme

This is what the News Extender format looks like...

This is what it is looking like with custom side bar...

Any ideas on how to help? Can't send link as it is on a local hard drive.

Thanks

[Author]

Posts