super easy CSS question... I've lost my headlines!

[susanna]

Hi, all -

I'm wondering what css I can use to control the big/medium/small headlines in a tiddler, that would start with the line being a

! for a big headline

!! for a medium headline

and

!!! for a small headline

Somehow in playing with my colors in css, the headlines got set to be the same color as my primary background color, and I can't figure out how to pull the headlines out of the background via css.

Thanks so much for any help!

[Ronen]

You can either change the header's colors in CSS directly:
h1,h2,h3,h4,h5,h6 {color:red;}

or set the CSS to use the ColorPalette: (this is the default)
h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]];
background:transparent;}
and then set the color by editing ColorPaletter tiddler:
SecondaryDark: #841

[colmjude]

On top of what Ronen said, you might need to make your CSS rules more specific.

The headlines you speak of are wrapped in an element with the class tiddler. Therefore you could specify the CSS rule as

.tiddler h1,

.tiddler h2,

... {

    color: [[ColorPalette::YourChoiceHere]];

}

Hope that helps,

Colm

[susanna]

Yaay! You both are super fabulous!

Thanks so much! That totally worked.

What's funny is in the back of my mind somewhere, I totally knew those were headings (the h1, h2, etc), but I was getting confused because I knew those could have text involved, and the way I am using the headings is just with a ! for a line break, without any text.