Need some help with adjusting heights and colors

Please add this in the end of your theme style.css
#title-area {margin-top:20px} if you want to push it further down, increase margin-top value to 30px or even more.
the space between blue line and slider is the empty space for some content, if you dont want anything there.
add this to your style.css
#showcase-full-width {display:none}

thanks for your quick reaction! does it matter where i put the last code in the style.css?

also, do you know where to change the font color of the footer widgets?

Adding it in the last of style.css would be good,
for footer add
#footer a {
color: #fff;
}

I tested your input on how to change the space between header and slider and that works well, thanks a lot.

Height of the header did not change.

Hope somebody can help me with the other two questions ??

Suggest that you install a browser inspector like firebug, it shows you how your html is formed and how your css is working.

Make sure you are using a child theme BEFORE you make any changes to your theme files.

Using the browser inspector, I see that the white space between the blue ribbon and the slider is made by a div with an id of “content” the padding is 20px top and bottom.

#content {
    float: left;
    padding: 20px 0;
}

Want to close this space top and botton ? add to your style.css of your child theme:

#content {
    padding: 0;
}

Want to only close the top to 4px, then instead:

#content {
    padding: 4px 0 20px 0;
}

Want this to only happen on the homepage, then:

.home #content {
    padding: 4px 0 20px 0;
}

I do not understand well enough what you mean by “lowering the header”.

cheers for your help, great!

As for the header, i meant lowering the height of the bleu header. Its kind of dominant now and i want to reduce height, so it fits in better.

Any suggestions?

thanks again.

Then:

#title-area {
    padding: 4px 0 6px;
}

Are you using firebug ?

Also you can adjust:

h2 {
    margin-bottom: 20px;
}

your the best! thanks a lot, it worked great.
just one more thing; is it possible to centre (for hight, so not left or right) the text in the header through code?

also, i cant seem to get the text in the newsbox in the footer to become white. it stays grey. any suggestions for that?

Again. Are you using firebug ?

#footer .inner {
    color: #eee;
}

or even #fff

Great, all works like a charm now and looks better! Thansk for all your help!