Text and Color Change Question

First, this is a wonderful theme! I have attached a photo of what I am basically working towards achieving in the header.

1. There is a light blue background. How do I achieve this? My background is currently white.

2A There are two different fonts being used in this example. One is called "lobster" & the other is "cabin". How do I use 2 different google fonts within the same header in order to achieve this result?

2B. How do I change the google fonts in various specific areas of the site? For example, if I want to use 6 different google fonts throughout the entire site in various places.

For example, can I only change the blog font, the category fonts. Can a font from the title of a post be different than the font used on the body of the post?

3. How do I change the colors of each of these individual fonts?

Thank you

 

I only want to change the header. I do not want to the color to be effected elsewhere.

 

Hello,

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

Code:

div.top_header {
background: red;
overflow: hidden;
}
div.header {
background: red;
} 

In place of "red" you can put your color or color code.

 

Thank you. What if there is no color code because it is not a solid color? Please look at my original attachment. You can see that there is a blue / gradient color being used. IT is blue on the outside and become white in the middle.

It is not simply 1 color.

How do I achieve something like my attachment?

How do I place an image or a PSD in that area? For example, how would I place a picture of a sunset in the HEADER ONLY? I do no want this to effect other areas of the site.

 

Hello,

Create your gradient color through the website link given below.
http://www.cssmatic.com/

I hope this will solve your issue.

 

Thank you. Where exactly do I place the CSS code?

 

Hello,

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

Code:

 div.top_header {
Enter Your Gradient Code Here.
overflow: hidden;
}
div.header {
Enter Your Gradient Code Here.
}

This will solve your issue.