Change Code block font-size

[License Manager Stratech]

I've really like to change the font-size of a code block in confluence. Therefore i need to 'change' the css, this can be done in > Space Administration > Space Stylesheet part of Confluence.

I'm struggeling trying to get the right css-code in there.

I've tried many different things, but i seem not to be able to fix this. Using inspect element in Chrome gave the the following:

Looks i've got to deal with the ".syntaxhighlighter div", because if i'm changing the value of the font-size here (in the above image where my cursor is), the font actually changes.

Now the question is how to get this overridden in the Space Stylesheet....

[Sean Curtis · Accepted solution]

Your CSS selector is wrong. You are matching "code" (element) instead of ".code" class.

Even if you fix this, it won't work. Try this instead:

.syntaxhighlighter .code .container * {
    font-size: 8px !important;
    line-height: 20px !important;
}

[License Manager Stratech]

The answer of Sean did do the trick. I did try different stuff, and at the end I came up with the following final solution:

.syntaxhighlighter .code .container *
{
    font-size: 12px !important;
    line-height: 14px !important;
}

.syntaxhighlighter table td.gutter *
{
    font-size: 12px !important;
    line-height: 14px !important;
}

[Sean Curtis]

You can comma-separate those two.

.syntaxhighlighter .code .container *,
.syntaxhighlighter table td.gutter *
{
    font-size: 12px !important;
    line-height: 14px !important;
}

[License Manager Stratech]

Sean, you are right. First i had a difference between those two styles, thats why i had two. But at the end they were the same.... Thanx

[License Manager Stratech]

Is there anyone that can help me?