Changing header size of the category template 8

Hi everyone, i’m a complete beginner in term of coding.
I succesfully changed the background for every category with the help of this forum adding some custom css code but i didn’t find anything on changing the header size which i find too big.

Screenshot

I’d like to reduce the size of the header (don’t know if it’s the right name, i want to change the size of the place where the image is) and i did’nt find anything on the forum. i don’t if it’s because it’s too easy or just not possible.

Thx for the help.

I found something doing
.td-category-header {
height: 200px;
width: 200px;
}
in the custom css and it is working but it’s not what i want. It is just cutting the header. I want it to be reduced so i still have the menu at the bottom right and the title at the center.
I tried

.td-category-header {
height: 50%;
width: 50%;
}
i thought it would work but it’s not doing anything. I really need help thx.

Thx it worked !

I get to another problem changing the font color for title blocks and this header.

I can change the font type and everything, i did it like that :

.td-category-header .td-page-title {
font-family: ‘geekos’, sans-serif;
font-size:400%;
text-transform: lowercase;
}

but i can’t change the color if i try to (tried like this : color:black;)
It is the same for blocks title color, it changes on the preview but not on the website when i reload it. I can change background color and everything but not font. It remains white for both of them no matter what i do.
I don’t know if it’s in conflict with something but if it is i have no idea what since i didn’t change anything.
Thx !

Still couldn’t find how to resolve the problem if anyone have a solution.