Cannot Change Header Image in Enterprise Pro

[jodieb]

I uploaded a fresh copy of Enterprise Pro 2.1.1 into a brand new WP install. Last evening I updated to WP 4.3 and the latest Genesis. I have made almost no changes to the theme so far. I did slightly changed the header image dimensions and uploaded my image. The client asked for a couple small changes so last night I tried to replace the header image with th new one but even though the correct image was appearing in the customize screen of the dashboard the image on the live site does not change.

At first I thought it was my browser cache or something so I completely deleted the old logo image from the media library, cleared by browser cache, flushed my DNS and then went to bed. I next looked at the site 14+ hours later and the old image was still there.

Using Firebug I determined that for some unknown reason the original image had been saved here: wp-content/themes/enterprise-pro/images/

I did not do this so I have no idea what caused that to happen. It appears that my favicon (or at least A favicon is also saved there). I deleted the old image from that location, deleted the new image from the media library and reuploaded the new image again.

Well the site is still looking for the old file in that same location and the new logo was not saved there. Since I deleted the old image the site is reverting to showing the header text but if you look at the code with Firebug you will see it it actually looking for that old header image within the theme.

Is this something to do with WP 4.3? I have never seen anything like this before and I have used Genesis themes for years. I could just rename the correct image and upload it to the location the site is looking for but I would rather figure out why the holy $#!* this is happening and fix it.

http://organizationdirect.com/new/

[Brad Dalton]

There is no CSS to pull the logo in like there is in the Sample child theme so using the Header image function in customizer is the correct method.

Normally you would match the image dimensions to whats in the PHP code and instances under the Site Header section in the style sheet.

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'header-selector' => '.site-title a',
	'header-text'     => false,
	'height'          => 80,
	'width'           => 320,
) );

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #fff;
	min-height: 150px;
}

.site-header .wrap {
	padding: 40px 0;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 0 0 4px;
	width: 320px;
}

.header-full-width .title-area {
	width: 100%;
}

.site-title {
	font-family: 'Titillium Web', sans-serif;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2;
}

.site-title a,
.site-title a:hover {
	color: #31b2ed;
}

.header-image .site-title > a {
	background-position: top !important;
	float: left;
	min-height: 80px;
	width: 100%;
}

.site-description {
	color: #aaa;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 1.5;
	text-transform: uppercase;
}

.site-description,
.site-title {
	margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

They're the only modifications you should need to make.

Change all the height or min-height values to match your image.

Width

If you increase the width value for the title-area class by 100px ( for example ) then you would decrease the site header widget area by the same amount

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 720px;
}

---

Tutorials for StudioPress Themes & WooCommerce.

[Author]

Posts