Title: [Plugin: Content Aware Sidebars] CSS issues with sidebar…
Last modified: August 20, 2016

---

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

 *  Resolved [icememory80](https://wordpress.org/support/users/icememory80/)
 * (@icememory80)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-content-aware-sidebars-css-issues-with-sidebar/)
 * I have a problem with WordPress Theme. I’m trying to put sidebar in header.. 
   and because of sidebar class style it receives “colored” backround. if I will
   change it then all sidebars will have a change.
 * How I can override that style class only so a change will be only in a place 
   I need it?
 * part of section in template page.php
 * `<?php display_ca_sidebar( $args ); ?>`
    css section of sidebar
 * `#sidebar ul li{width:298px;float:left; background:url(i/Modern/sidebar.jpg) 
   left top no-repeat #83b1cd; margin:0 0 19px 0;padding:0 0 10px 0; list-style:
   none; list-style-type:none; border:1px solid #536867;}`
 * I need to override “background” to make it none, and to make no border.
 * Thanks for Help!
 * [http://wordpress.org/extend/plugins/content-aware-sidebars/](http://wordpress.org/extend/plugins/content-aware-sidebars/)

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

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-content-aware-sidebars-css-issues-with-sidebar/#post-3029872)
 * for formatting problems, try working with a tool such as Firebug [http://getfirebug.com/](http://getfirebug.com/)
 * or post a link to your site to illustrate the problem.
 *  Plugin Author [Joachim Jensen](https://wordpress.org/support/users/intoxstudio/)
 * (@intoxstudio)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/plugin-content-aware-sidebars-css-issues-with-sidebar/#post-3030011)
 * 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.
 *  [ngootkina](https://wordpress.org/support/users/ngootkina/)
 * (@ngootkina)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/plugin-content-aware-sidebars-css-issues-with-sidebar/#post-3030069)
 * 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.
 *  Plugin Author [Joachim Jensen](https://wordpress.org/support/users/intoxstudio/)
 * (@intoxstudio)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/plugin-content-aware-sidebars-css-issues-with-sidebar/#post-3030070)
 * `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.

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

The topic ‘[Plugin: Content Aware Sidebars] CSS issues with sidebar…’ is closed 
to new replies.

 * ![](https://ps.w.org/content-aware-sidebars/assets/icon-256x256.png?rev=1815877)
 * [Content Aware Sidebars - Fastest Widget Area Plugin](https://wordpress.org/plugins/content-aware-sidebars/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/content-aware-sidebars/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/content-aware-sidebars/)
 * [Active Topics](https://wordpress.org/support/plugin/content-aware-sidebars/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/content-aware-sidebars/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/content-aware-sidebars/reviews/)

 * 4 replies
 * 4 participants
 * Last reply from: [Joachim Jensen](https://wordpress.org/support/users/intoxstudio/)
 * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/plugin-content-aware-sidebars-css-issues-with-sidebar/#post-3030070)
 * Status: resolved