I should add that I have created an Image set with custom css:
.art-content-layout .art-sidebar1 {
margin: 0px auto;
width: 350px;
background:#474168 !important;
}
and have specified this within CAW and you can see the results at
If you have used the template tag to display content aware sidebars, the default CSS class and ID can be found here:
http://wordpress.org/plugins/content-aware-sidebars/faq/
It is also described how you change the ID or class there.
If you just merge with or replace another sidebar, then you should just use the CSS class/ID that your theme has specified. The code you have included seems fine, and if it is not working then my best guess is that there are other CSS styles that collide. Try:
.art-sidebar1, .art-sidebar1 article {
margin: 0px auto;
width: 350px;
background:#474168 !important;
}
Thanks for the response, Joachim. I have been unable to get the selected sidebar backgrounds to change. I updated the theme to place a background color on all sidebars but http://webmagicsouth.co.uk/gilbert/wp/performers/ should now show a background #000000
I am reasonably sure that there is nothing in the CSS that collides.
I have tried specifying both with and without all Posts, Media, Authors etc to no effect. The Image Set custom CSS is now:
.art-content-layout .art-sidebar1
{
background: #000000 !important;
margin:0 auto;
width: 338px;
}
.art-sidebar1, .art-sidebar1 article {
margin: 0px auto;
width: 350px;
background:#000000 !important;
}
Any other thoughts, please?
Do you use display_ca_sidebar() or do you create content aware sidebars that merge with/replace other sidebars?
The link you provided shows a sidebar with a dark green background, which has the following css:
.default-sidebar {
background: none repeat scroll 0 0 #2D6E02;
bottom: 0;
}
Try changing the background color to something else and it should work.
