[MikeKirkland]

Thanks Brad. I looked at WP Display Header earlier, and I think I played with it a little. I was deterred by some of the comments, although I liked the idea that it would default to the standard image if there wasn't a custom image for a page/post.

For now (re-launch) I've ended up with something that seems acceptable until I can find some time to dig in deeper.

1. Default header is the combined header image that serves the purpose of integrated branding. The image is clickable, which is a little confusing because it combines both sites but only links to the site the pages are hosted on
2. Edited various Genesis page templates to unhook the standard header. Otherwise two header images are diplayed
3. Genesis Custom Header used to show the non combined header image for the pages that aren't integrated. These images aren't clickable - acceptable because they aren't on the current Prose implementation

After relaunching, I'll be investigating how to make the custom header images clickable, and also ideally if there is a way to make the combined image linked to both sites.

[MikeKirkland]

I know this is an old thread (and Prose is old), but it might help someone. It helped me to find the earlier discussion. It's confusing to me that Genesis and the child themes have different options between Genesis and Appearance - dependent on the child theme I suppose. When Prose is activated there is an option Genesis | Design Settings which has many settings including Minification on or off. When I first read Victor's response I looked for plugins, and did a find using Netbeans to help locate them. Some of the plugins do set minification (not necessarily optional), but Prose itself was responsible. It has created files under wp-content/uploads/prose - custom.css, custom.php, minified.css, and settings.css.

I'm not sure if knowing this helps me directly as I try to emulate the look and feel of a Prose site with Executive Pro (which doesn't have a default way to display the site-description along with the header image) but it may stop me going on some wild goose chases.

I would rather not restart the search for a theme (which is going to be used to combine two sites), but it's interesting that Prose (not updated since 2013), is still recommended as a responsive child theme.

Mike

[MikeKirkland]

It looks like something like that will work. I added height: 0 to minimize the blank space at the top.

Many thanks
Mike

[MikeKirkland]

I created a new header image is now 1400x200. (I didn't really want it that big, but it was easier to just adjust the image file to go along with how Executive Pro laid out the page). I confirmed that it's the same height on the site as in my graphics editor. However:

The title-area div shows 1140x200, which probably explains why there is an empty area below the image above the menu.

Then I created a new header image 1140x200. This displays without a gap above the menu when the browser window is wider than 1140. But as the screen size is adjusted to see how Responsive works, the gap appears as the browser window narrows. The gap appears to be roughly the same height until the screen size is smartphone size and then the gap is taller. The effect is similar when using the icons in the Customize window.

So I guess I still don't understand what's going on, and I obviously don't understand Responsive.

[MikeKirkland]

Perhaps that's all I used before. Your article is a good reminder.

[MikeKirkland]

Thank you. Editing functions.php got me partway there, but the max-width and min-height in the CSS still caused problems. I don't know if what I did was the best way to fix it, but I modified from line 1200 in style.css as follows:

Old -
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
background-size: contain !important;
float: left;
margin: 0;
max-width: 260px;
min-height: 100px;
padding: 0;
width: 100%;
}

New -
.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
background-size: contain !important;
float: left;
margin: 0;
max-width: 100%;
min-height: 200px;
padding: 0;
width: 100%;
}

Realizing that there is still a lot to do to get my site up-to-date which probably includes more child theme evaluation and changes, pushed me to download the latest version of the Genesis Framework Beginner's Guide. It also makes me wonder if I'm remembering a tool or just dreaming. Is there a plugin that shows onscreen which things within WordPress or Genesis are responsible for the results on screen? Kind of a box model like browser developer tools but related to WordPress?

[MikeKirkland]

No, it's Sleek. It has minor modifications - the header width is the only one I'm sure of.

[MikeKirkland]

Thank you thank you. I just upgraded both public sites. Ironic that the thing I was nervous about (updating Genesis), was the solution.

[MikeKirkland]

I fixed the problem. But now I'm (more) confused. I'd like to understand how WordPress and Genesis work in this area so I don't run into the same issue again. I'm pretty sure I've had a similar problem in the past.

I created a new page - 'Blog-Top' so that I could see what difference that made. The page displayed as expected when I accessed it by entering the URL directly. The template was 'default' - I hadn't figured that out yet.

Then I added the new page to the menu. It was now accessible from clicking the top links.

Then I changed the WordPress setting for Reading so the Posts page was the new page. It was previously set to the older page. The new page now showed the placeholders, and the old page showed the blog post titles.

Conclusions.
1. The Reading settings page is dangerous or misleading. I shouldn't have anything in the Posts Page selection.
2. The content of a page using the Blog template (from Genesis or a child theme) is irrelevant. It will only display the list of blog post titles.

Is this correct, or am I still off?

Thanks
Mike

[MikeKirkland]

Got it! I added position:relative and z-index to the sidebar and the elements that needed to be positioned on top. I didn't understand that position:relative was needed to make the z-index work.

#sidebar {
	background-color: #EFEFEF;
	width: 25%;
	overflow: hidden;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
	position:relative;
	z-index:2; // in front of content
	}

#footer-widgets .wrap {
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	border: 0;
	padding: 0;
	background-color: #76666E;
	max-height: 20px;
	position:relative;
	z-index:9; // on top
}

Thanks for setting me on the right path.
Mike

[MikeKirkland]

I wrote too soon. There was a mistake in a different area of CSS that prevented me from seeing this problem. The background in the sidebar overlaps the full content width footer.

I played with z-index and opacity for a bit, but I'm out of my depth.

The effect can be seen at http://sandbox.5circles.com/ at the bottom.

Thanks
Mike

[MikeKirkland]

Thanks Davinder - that did the trick!

I can see that the other reference might be useful too, with some of the long pages. I've use Sridhar Katakam's ideas in the past. He is an excellent resource.

Mike

[MikeKirkland]

The <div>s that are still there are generating extra space at the bottom of the content area. I guess they could be removed by modifying the theme php. But I'm trying to stick with the spirit of Prose by making changes in the Custom.css and Custom.php areas - ie additive. So I ended up with this:

#footer {
display:none;
}

Seems to do the trick. But I don't know if there is a better way without changing the files.

[MikeKirkland]

I'm probably trying too hard to generate clean output (and without knowing enough). But this worked with no odd looking source as a result.

add_filter( 'genesis_footer_backtotop_text', 'custom_footer_backtotop_text' );
function custom_footer_backtotop_text() {
	return false;
}

No, sorry. There is still code generated. But I can live with it.

[MikeKirkland]

I've been able to replace the filter, but I just want to remove it (and keep the genesis_footer_creds_text filter). That doesn't seem to work.

[Author]

Posts