[Plugin: Content Aware Sidebars] CSS issues with sidebar…

for formatting problems, try working with a tool such as Firebug https://getfirebug.com/

or post a link to your site to illustrate the problem.

The standard style for sidebars inserted with display_ca_sidebar($args); is:

$args = array(
'before' => '<div id="sidebar" class="widget-area"><ul class="xoxo">',
'after' => '</div>'
);

I guess that you already have an element with id=”sidebar”. All you have to do is pass the arguments to the function and edit id=”sidebar” to id=”sidebar-header” perhaps. It is crucial that the id is unique.

Thereafter you can style the new id with CSS.

Great plugin! I tried them a lot to create different sidebars for different pages, not all worked, some permitted to change one sidebar only, but Content Aware Sidebars is really helpful.

But unfortunetaly I don’t quite understand: how to override the CSS for a newly created sidebar? (the issue similar to the one described by icememory80).

Where should I insert <?php display_ca_sidebar( $args ); ?> ? In a page template or sidebars’ templates? In fact, I tried both but in vain (I changed the ID as suggested above). Maybe it just can not be done in Easel theme…

Thanks.

display_ca_sidebar( $args ); is optional to use and it only handles sidebars that have the setting Handle: Manually. The function can be inserted anywhere in your theme, but the sidebar is only shown when the content rules are met – even if you pass IDs to the function. Perhaps that is why you don’t see anything.

If you want to change the HTML for the sidebar so that you better can style it with CSS, you can pass ‘before’ and ‘after’ parameters like this:

display_ca_sidebar(array(
'before' => '<div id="new-sidebar" class="widget-area"><ul class="xoxo">',
'after' => '</div>'
));

As said before, you do not have to use this function if you just want your new sidebars to override your old ones. This is done by choosing Handle: Replace or Handle: Merge in the edit screen.