nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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?

Accepted answers

All comments

Grigory Salnikov_0hffsd

Hi @serc !

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

serc

but how?

Grigory Salnikov_0hffsd

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

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_0hffsd

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

Grigory Salnikov_0hffsd

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;

}

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 ?

Grigory Salnikov_0hffsd

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_0hffsd

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.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence