Been trying to change the "base" color (I assume the background color of the main content area) via the Coloring interface but changing it has no effect on any of the colors seemingly.


Morbus Iff’s picture

Did you disable compressed CSS before fiddling?

giorgio79’s picture

Yep, css compression is off. The color settings for other parts work fine. Does changing the base color do anything for you? I assume it would be the color of the main content background, but that is always white for me.

mahnster’s picture

I'm having this problem too. If I set the base color, it is still a white background in the content-style area. This is why I can't use your theme since my text color is white. It seems that the #fff for background-color is set in the main page.css file, and #content-style in the generated colors.css file in the /sites/default/files directory has no background-color set, even though I set base to #000000.

thermador’s picture

I can't believe this issue still hasn't been fixed... present in version 7.x-3.0 as well.

As a workaround, I did this:

Appearance -> Themes -> Corolla -> Settings -> Layout and General Settings section of the page -> Extensions tab -> Check box for "Custom CSS"

Save settings.

Scroll down to the Extensions section of the page. Click the "Custom CSS" tab. Add any custom CSS. You can use the "Inspect Element" function in FireFox to see what part of your website is being modified by what CSS code, and then add it to the custom CSS box accordingly.

This is what I did for my "Custom CSS" box:

/* color of the main content box on any page */
.content-style  { background-color: black; }

/* color of the tabs */
ul.primary li.active a { background-color: yellow; color: black; border-bottom: none;}
ul.primary li.active a:hover { background-color: orange; color: black; border-bottom: none;}
ul.primary li a { background-color: black; }
ul.primary li a:hover { background-color: silver; }

/* form field backgrounds (such as the login form) */
input { background-color: silver; }
input.form-text { background-color: silver; }
select { background-color: silver; }
textarea { background-color: silver; }

And so forth. You can pretty much fix any weird background colors this way.

Although it's NOT a real fix, just a hack to work around this problem.

diwant’s picture

I'm using Footheme off of Corolla for Adaptivetheme 3.x and I have the same issue. I'd love to use Footheme to make a dark theme.

diwant’s picture

Issue summary: View changes


johaziel’s picture

Version: 7.x-2.2 » 7.x-3.0
Issue summary: View changes
Status: Active » Needs review

I found it !

You need to add in your_theme/color/colors.css

/* Base */
#the-id-of-your-main-content-area  {
  background-color: #ffffff;
  color: #123456;

/* Base */ is important i think !!

After that the new color.css will be generated with the color you choose in appearance settings page


nobbyvo’s picture

Can anybody tell me which ist the code for changing of background and text for all blocks? I'm also using corolla.
Help would be nice.
Greetings Nobby

nobbyvo’s picture

sorry. I mean the colour for background and text of all blocks.