Space Between header menu and page content color

Hi I have local business - I have a couple of questions:
1-I put the css code to take the page titles out of my inner pages, but there is a white color gap in between the header menu and beginning of the page content. I would like to be able to change the white to another color
2-with the [col_one third] code - how to i code a page that i want to have 3 column but have different widths. for example I want 3 columns 25%,50%,25% (left,center,right).
Thank you for your help, you guys are great.
My site is california-river-rafting.com/wptest (my column test page is /test-column-page

 

Hello,

1. Could you please specify your first issue with the help of screenshot images.

2. Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard for the page.

Code:

body > div.wrapper > div:nth-child(1) > div > div.page-content > div.fullwidth > div.one_third:nth-child(2) {
width: 25%;
}
body > div.wrapper > div:nth-child(1) > div > div.page-content > div.fullwidth > div:nth-child(3) {
width: 50%;
}
body > div.wrapper > div:nth-child(1) > div > div.page-content > div.fullwidth > div.one_third.last_column {
width: 25%;
}