Tiddler Title question

[axelm]

Hello All,

how would make the tiddler titles (all of them) appear in the center and not on the left side?

thank you,

axelm

[axs]

If you have a .title{ } definition in your stylesheet, add

text-align:center; 

to it. If you don't have one, add

.title{

text-align: center;

}

to your StyleSheet.

Regards,

axs

[axelm]

Thank you, axs.  That worked.

Then I tried to give the title a "Highlight" color like this:

background-color:#6F0;

but the whole line gets highlighted, I just want the text to highlight.

How do I do that?

axelm

[HansBKK]

Use Firebug to narrow down your selectors.

[axs]

That won't work because the .title element is a block element, which means it stretches to fill the parent container. One way to achieve the effect you want is to edit your PageTemplate:

change this line:

<div class='title' macro='view title'></div>

to this:

<div class='title' ><span class="highlightTitle" macro='view title'></span></div>

then in your StyleSheet add:

.highlightTitle{

background-color:#6F0;

}

Regards,

axs

[axelm]

In my PageTemplate that line does not exist.

So I just pasted it in anyway, but nothing changes.

Is there another place I should ad it?

axelm

[axelm]

Figured it out. The code you mentioned is in the "ViewTemplate", so I changed that and it worked!!

Thank you very much for your advise,

axelm

[axs]

oops, that's what I meant :) 

glad it's working.

Regards,

axs