Change the color of a component

[Futurtao]

I cannot find out how can I change the color of the components of each place. I know the global.css should handle that, but I can't make heads or tails out of it.

 

For example if I want to change the background, and font color of the TAGS panel/component, where I should look for?

 

Is there a reasoning, on how to find out about all the component?

 

Thanks in advance for your help

 

Teo

[Paulito]

Good morning,

 

I think you will find that the modules have their own CSS, therefore if you wish to have the same coloured blocks/text in your modules you will have to edit each one.

 

Hope this helps

 

Paul

[Futurtao]

Thanks Paul,

 

I have found out where the modules ate looking at the Designer Guide, but it's very superficial for me, because I'm a newbie and I don't have a good knowledge of CSS as well. For example I changed the blockcategories.css file adding the background-color:#FFF; as below,

 

/* Block categories */

#categories_block_left .tree { padding-left: 0.5em }

#categories_block_left .tree li {

border: none;

padding-top: 5px;

padding-left: 15px;

/* background: none; */

background-color:#FFF;

margin-left: 0;

font-weight: bold;

font-size: 13px;

line-height: 13px

 

But the background became white, but the border around stay gray.

 

Also how it's possible to change the "CATEGORY" header above the list of categories, and the name (if I want to use another term instead of category)?

 

I hope you can give me a help

 

Thanks again

 

Teo