We have a custom sub theme built on Tao and I tried adding
body {
color:#fff;
background:#333;
}
to the style.css
file, but to no avail. In Chrome dev tools I started inspecting elements and changing their backgrounds individually, but I cannot figure out how to change the background color for all divs, form elements, blocks, etc without some super complicated CSS.
I'm trying to avoid doing this, if possible:
#main-content {
background: #333;
}
#page {
background: #333;
}
#page-title {
background: #333;
}
#branding {
background: #666;
}
div.limiter {
background: transparent;
}
div.region {
background: #333;
}
span.fieldset-title {
background: #333;
}
div.tabs {
background: #333;
}
fieldset.collapsible {
background: #333;
}
.collapsed .fieldset-legend a {
background: #333;
color: #fff;
}
Further, when implementing this code, I cannot get some divs to change color, for instance <div id="page-title">