Table of content customize

[serc]

Hi guys,

i'm currently trying to create a css class for a TOC but something i'm doing wrong.
i have inserted this code as an example:

TOC without my class:

div.tableOfContent

{

text-color:black;

}

result looks like this:

can anyone tell me what I did wrong?

[Bill Bailey]

With Confluence styling, you need to use the inspect function of the browser to see the rule that is being used. In the case of the ToC, it is using a high-level rule to style ALL links:

.wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:hover, .wiki-content a:active {
color: #3572b0;
}

So in your case, you need a rule that selects only your ToC

.wiki-content .tableOfContent a {
color: #030303;
}

[serc]

anyone else has some ideas :D?

[Grigory Salnikov]

Hi @serc !

Have you tried the solution provided by @Bill Bailey ? It's on top now.

[serc]

yes i add this:

.wiki-content .tableOfContent a {
color: #030303;

but nothing change, always the discs 

[Grigory Salnikov]

Hi @serc 

Endlich :)

I've had time to reproduce the situation in my environment. @Bill Bailey 's solution actually works.

Here's the parameters:

As you can see - works for me.

Try to reproduce it and get back to us with the results.

Will wait for your answer.

[serc]

Okay I will try to clear all css styles and only implement this for the TOC, propably some other configs has some bugs. I will let you know about the reason! 

[Grigory Salnikov]

Good

[serc]

i can change the color with

.toc

{

color:black;

}

but if i do this, the decimal count get changes with the discs

[Grigory Salnikov]

Ok, let's see all the styling/code of this block. Maybe we should reproduce something as well to get the numbers.

[Grigory Salnikov]

Oh, I'm sorry.

According to this:

Table of Contents Macro

We just need to change the list style. Doesn't it work?

[serc]

für das inhaltsverzeichnis habe ich nur die oben dargestellte einstellung. muss ich alle anderen auch definieren?
if yes, like this?

.toc

{

color: black;

style: decimal;

}

[Grigory Salnikov]

Hast du das schon versuchen, oder?

[serc]

yes, it doesnt work :(

[Grigory Salnikov]

I'm sorry I don't have access to my environment now.

If it's not so urgent I can test it later.

Geht es?

[serc]

i have some hours, that would be really nice!

[Grigory Salnikov]

Have you checked this:

[serc]

yes, the result looks like this:

[serc]

dont know how can i delete this disks

[Grigory Salnikov]

Try to set this parameter as well:

[serc]

i do but same result

[Grigory Salnikov]

It's strange because it works in my environment:

I don't use CSS-styling, though.

[serc]

yeah if i dont use a css styling it works too, but i need to change the text color to black :(

[Grigory Salnikov]

Try to change your CSS:

.toc a
{
color:black;
}

[serc]

class name is toc or a?

[Grigory Salnikov]

No, just add "a" after the class-name you use (whatever it is). This way we refer to links.

[serc]

dont work, always the black disks

[Grigory Salnikov]

Try to add

style:none

[serc]

nothing change :D, its really crazy...

[Grigory Salnikov]

Oh, try also the method described here:

Table of contents is changing color

May it be the case?

[serc]

i try it but it doesnt work

[Grigory Salnikov]

Hi @serc !

I think these are also links. So we should change their color too.

[serc]

but how?