[Rellek]

Thanks Brad! I will add this to my site to simplify things.

---

Rellek Designs

[Rellek]

Here is what I came up with to get what you are looking for. I had to remove the images/wrap.png and change the background color to black #000000 because the images/wrap.png is only 115px tall and it leaves a line through the middle of the header when you set it to repeat instead of the repeat-x that it was set at.

First thing that you need to do is to go in and remove your logo from the Appearance >>>>Header section. We add it back in the css below.

Go into your style.css and make the your code match what I have below and you should end up with what I have shown in the image below.

.header-full-width #title-area, .header-full-width #title, .header-full-width #title a {
	width: 960px;
	margin: 0 auto;
	
}

.header-image #title-area, .header-image #title, .header-image #title a {
	display: block;
	height: 250px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	background: url(http://www.coolchangenc.com/wp-content/uploads/2013/08/cropped-Cool-Change-logo11.png) no-repeat ;
}

#header {
	min-height: 250px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#title-area {
	float: none;
	overflow: hidden;
	padding: 20px 0 0;
	width: 490px;
}

#wrap {
        margin: 0 auto;
}

You need to add the following to your style.css

#header .wrap {
	background: #000;
	width: 100%;
	margin: 0 auto;
	height: 250px;
}

Let me know if this works out for you

---

Rellek Designs

[Rellek]

I went to take a look at your issue but your website was not loading for me

---

Rellek Designs

[Rellek]

#inner  width:960px
#content-sidebar-wrap   width:960px
.sidebar   width:300px

Making these changes will leave you with one more issue to resolve. Currently the background is set as an image that is repeated to fill in the whole background.

.content-sidebar #inner {
background: url(images/inner-cs.png);
}

The image is only 920px wide so when you made the sidebar bigger you will have to change the width of this image and the corresponding gray section of the image to reflect the new widths and then upload to to your server.

---

Rellek Designs

[Rellek]

Don't use the Agency theme but if you look in the Genesis options section in your WordPress dashboard you should see a spot where you can switch the logo from text to an image.

After you switch it to display an image you will need to go into your style.css file and look for the image link. Once you design your logo just upload it and change the image link to reflect what you called your logo.

---

Rellek Designs

[Rellek]

I believe she is actually looking to use a box shadow effect rather than a text shadow effect.

add

-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
-moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);

to the #title-area div and you should be set.

---

Rellek Designs

[Rellek]

Remove this code from your functions.php file

/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 120 ) );

It controls the look of your header from the appearance section in wordpress. By removing this code you manage the header image in your css file.

---

Rellek Designs

[Author]

Posts