Change colour of forum categories

[markoroots]

Sorry but I don't know how to change values for the background.
The only think that I can do alone is try to change the colour there.. and I have also done it but still nothing change.

[HM666]

Try this then since Chris found the info

Open your additional.css template and look for the code he posted:

.tcat {
    background: url("images/styles/Movara/style/tcatBG.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
    border: 0 none;
    clear: both;
    color: #343b42;
    float: left;
    height: 47px;
    margin-top: 8px;
    width: 100%;
}

.tcatLeft {
    background: url("images/styles/Movara/style/tcatLeft.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 47px;
}

And try changing it to this:

.tcat {
    background: #21262b;
    border: 0 none;
    clear: both;
    color: #343b42;
    float: left;
    height: 47px;
    margin-top: 8px;
    width: 100%;
}

.tcatLeft {
    background: #21262b;
    height: 47px;
}

[markoroots]

Thanks for your replies guys.
But I have tried to change the code like HM66 says but still nothing change.

--------------- Added [DATE]1423751801[/DATE] at [TIME]1423751801[/TIME] ---------------

Ozzy I have tried also in your way but nothing change.
I don't know why Vb don't make a good graphic interface to control all these settings by the acp.
It's really incredible...

[ozzy47]

They did, but the style developer choose to not use it properly.

[HM666]

Er yeah have to agree 100% why on earth they did it that way who knows. Honestly if you are not well versed in something like this and you just have to have it changed you might want to look into hiring someone to change it for you. Its almost impossible to diagnose it without actually being in your admin panel and looking right at it I'd bet.

Try replacing the earlier code with this code:

.tcat {
    background-color: #21262b;
    border: 0 none;
    clear: both;
    color: #343b42;
    float: left;
    height: 47px;
    margin-top: 8px;
    width: 100%;
}

.tcatLeft {
    background-color: #21262b;
    height: 47px;
}

[John Lester]

Try changing it to this:

.tcatRight {
    background:#21262b !important;
    height:47px;
}

[ozzy47]

Really should not need the !important as the css is already defined in the additional.css file, all we are doing is changing it. But it won't hurt.

[HM666]

Originally Posted by ozzy47

Really should not need the !important as the css is already defined in the additional.css file, all we are doing is changing it. But it won't hurt.

If the other css does not work though the OP may need that as it will force it to look at that css instead of some other rogue code elsewhere. Who knows where/what the original designer did exactly so using that edit might just help or it might not. Would not hurt to try if all else fails.

[markoroots]

Great! It works!
Many thanks guys.
Sure that for me is better to hire some one, because I'm going crazy...
but believe me in this period, I have really few money..
Another little thing if it is possible is:
how to make the up corners of this element roundish?
Thanks in advance.

[HM666]

Just the top?

.tcatRight {
    background:#21262b !important;
    height:47px;
    border:1px solid #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

You can change the border color to what color you want and the radius to a larger number if you find that 5px is not enough. I use 8px or sometimes 10px depending upon how I want the style to look.