How to change block colour

using the firefox browser, and the web developer addon for fire fox will greatly enhance your ability to manipulate the .css files and show you which css classes are being called for each block.

I'm not exactly sure what you're asking, but I'll see if I can point you in the right direction. Correct me if I'm wrong, but this sort of seems like a generic how to teme/css style question. I think you're saying you want to change the default colors for the theme, right?

The files you want to start looking at are in the css subdirectory. All the basic colors are going to be in the css/layout4_text.css and layout4_setup.css. You need to find the css that applies to the element you're trying to edit in those files. I use the firebug plugin for firefox and find it very helpful. It lets you right click on an element in a page and "inspect element" it to find out what css is applied to it. For instance, you'll find that the site background color is set to #FFFFFF in the body tag around line 20 of the layout4_setup.css file. Another technique is to get a color picker (I think there's a plugin for firefox) to let you figure out the color value you want to change. You can then search the files for that value.

As for implementation, I would recommend not changing the value in the layout4* files but overriding the color in the site.css file (to maintain upgradability).

Hi,
could I ask - how can I override that? I can find it in the layout4* css but I don't know what I have to write to the site.css file? and where should I write it to (in the file)?

Thanks

For the Left Side block (Navigation) change:

In /themes/multiflex37/css/layout4_text.css
Line 52 - .main-navigation h1.first background-color: #bebebe; Change to the color you want

For the rest of Left Side block change:
In /themes/multiflex37/css/layout4_text.css
Line 53 - .main-navigation h1 background-color: #bebebe; Change to the color you want

For Right Side block change:
In /themes/multiflex37/css/layout4_text.css
Line 106 - .main-subcontent h1 background-color: #bebebe; Change to the color you want

I am not sure what code to change in css for the body color of the block, just the heading color. If anyone knows what line to change for that color, I would appreciate the tip.

For the Left Side block (Navigation side bar) change:

In /themes/multiflex37/css/layout4_text.css
.main-navigation background-color: #bebebe; Change the color

For Right Side block background change:

In /themes/multiflex37/css/layout4_setup.css
.subcontent-unit-border {background-color: #ebebeb;} change the color

By the way, I added the above changes to /themes/multiflex37/css/site.css instead of changing in the original css files.

Minna

What about for content blocks? Any idea how to change the Title text colour for twilight theme?

use the firefox browser with the firebug addon to isolate css declarations and make changes on the fly.