Could someone please tell me how to change the default text color and text heading color? Thanks.


Thorsten’s picture

Similar question here: I need to change the color of "site-name a" independently from the base font color. The color module handles them as the same color. I can change it seperately in "style.css", but firebug tells me this change is overridden somewhere and I cannot find the right point to start with ... help would be greatly appreciated!

Ops, sorry, wrong issue queue, this applies to version 7.x-1.21!

shruti.sheth’s picture

One of the ways to change the default text-color, site-name color and text heading color independently is as follows.

1. In your colors.css file add the code for body and site-name separately as follows,
suppose default text-color required is red and site-name color required is ff00ff, then code becomes as under

body {
color: #ff0000;

#site-name a {
color: #ff00ff;

2. Also you need to remove body,#site-name a,
from the following code in your colors.css

#site-name a,
#navigation a,,
.node h2.node-title,
.node h1.node-title a,
.node h2.node-title a,
.comment h3.title a,
.tabs ul.tabs li a,
var {
  color: #2e2e2e;

3. To change the color for heading edit the following code in your colors.css

.block h2,
h2 {
  color: #779125;

Hope this helps!

kirilius’s picture

Component:Other» Code

Hi there,

I am having the same problem and cannot figure out how to do this. I tried the suggestions above but I see absolutely no change. Perhaps I am missing somebackgorund info. For example: how are the different color schemes applied? There is only one colors.css file and several color schemes + custom colors. In my case I am usung a custom color scheme and use my own colors. The fact that nothing changes after I update the colors.css makes me think that it is probably ignored if I use custom colors. Is that correct?

Thanks for the help!