Custom Header Does Not Appear

Hi drusso1,

Is the custom header not appearing at all, or is it not replacing the global header? If the later, this plugin only “adds” it does not replace any global headers that your theme adds. You will need to disable these with CSS of PHP. If this is the case I can walk you through it.

Thanks,
Nick

Hi Nick, I think I need to disable the Exec Pro global header with CSS or PHP.

Good morning drusso1,

Ok great, I think I actually have that theme so I should be able to point you in the right direction. I am traveling this morning but will put together a little tutorial for you later this evening.

Nick

Thanks, Nick!

Hi drusso1,

I was playing around with the Executive Pro theme, and it looks like the only header it adds is a small header (260×100) at the top of the page. Is this the one that you are referring to? I know some themes add big default banner images, but it doesn’t look like this theme does.

Please confirm if this is what you are referring to, and I will try and provide the necessary CSS to hide this. I assume that you want it to show on some pages and not on others. I will have you note that my plugin does not add content to this exact same spot. This area actually a paragraph element with the site-title class, and when you enable the header image in the Executive Pro theme, it adds the image as a background image to this element. I just want to make you aware that while we can hide it with CSS, my plugin will not be able to replace it with a custom or featured image.

Nick

Hi Nick,

At this time, it is the small header I would like to replace just on the blog page.

Dave

Hi Dave,

I apologize for all the questions, but by “blog page” are you talking about individual posts or a main page that displays a series of posts, usually the most recent ones?

If you are talking about individual posts, my plugin can help, otherwise you will need to add some custom CSS to the child theme styles.css file. Either way I think I can help you out, so let me know.

Thanks,
Nick

Ah! I had forgotten that the header for a page and the header for an individual post were two different things.

I’d like to replace the default global header in these two contexts only:

(a) the main blog page, the page that lists all current blog posts
https://www.thehaikufoundation.org/test99/blog/

(b) an individual post, like this one:
https://www.thehaikufoundation.org/test99/2012/10/01/threaded-comments/

Hi Dave,

For the first link, this is a bit more difficult than I thought (and won’t use my plugin at all). But you can try adding the following CSS to the main styles.css file for the theme.

.blog .site-title a {
background: url(https://www.thehaikufoundation.org/test99/wp-content/uploads/2014/08/logo2.jpg) no-repeat !important;
}

You will want to replace the url above with the image you want to show. This should take care of https://www.thehaikufoundation.org/test99/blog/, but you may run into issues with the !important. Make sure you add the above CSS to the end of the styles.css file. This will give you the best chance of this working.

For the second context you will want to enable the Header Raw Content box and add the following code:

<style>.site-title a {
background: url(https://www.thehaikufoundation.org/test99/wp-content/uploads/2014/08/logo2.jpg) no-repeat !important;
}</style>

Again replace the url with the image you want. Since this content is added after the main styles.css file, it should override the default header image.

Another thing you can try is adding this globally to all posts. To do this, add the following to the custom css box on the main Settings page of the plugin:

.single-post .site-title a {
background: url(https://www.thehaikufoundation.org/test99/wp-content/uploads/2014/08/logo2.jpg) no-repeat !important;
}

Again make sure you edit the url to the correct image.

Hopefully one of these will work for you. Please understand though that this CSS “hack” was not the intended use of this plugin, so I can’t make any promises.

Nick

Thanks, Nick! I’ll try this tonight when I get home from work and will report back. Am having internet connections issues right now.

Thanks, Nick! I’ll try this tonight when I get home from work and will report back. Am having internet connections issues right now.