remove site title & tagline leaves a black box

Hi TheDux,

I have added a function that will hide the .blog-info div unless a site title and site description has been entered in the settings. The update should be live within a week or two.

Let me know if you need any more help.

Anders,
I really really love your site. its great.
Now since the update (just then…) I am now having issues.
All my blog posts (which I want to be displayed in full on the home page) are just snippets of the posts. Also my first post was just a youtube link which only shows up on the preview post page… not when I actually confirm the post.
Any thoughts?
Thank you

Hi TheDux,

Sorry, a bug slipped in with the latest update. I have submitted a fix and have my fingers crossed it should be live soon.

Hi Anders,

I can see the option to remove the title text is now working, and I can add my logo over a background. One small problem I found is that when I do that the background shrinks and things become a bit congested. Is there any way I can retain the same background area as with the stock title / tagline option.

Here’s my site, the problem is particularly visible when viewed on a smartphone – https://mobile.adhocdesigns.co.uk/wp/

Thanks,

Wil

Hi adhocdesigns,

Hemingway is designed to stretch the background image to the size of the device it is being displayed on, so in order to have a logo working properly, you’ll need to insert is as an <img> in the header area and center it and add some padding with CSS.

Put it within the <div class="header-inner section-inner"></div> in the header and add the following code to the CSS:

.header-inner img {
	margin: 0 auto;
	padding: 7.5% 0;
}

Play around with the percentage value in padding if you aren’t happy with the vertical margins in the header. Let me know if you need any more help.

Which .php file would this be done in? I can’t seem to find <div class=”header-inner section-inner”></div> in any of the theme files.

Hi localoasis,

The element .header-inner is in header.php, at line 26.

Hi Anders,

I just moved my site (www.votemanwaring.com) from wordpress.com and I’m trying to get the header image to display the “full” image without the title/tagline box showing.

If I remove the title/tagline, the black box does go away, but then the height of the image is cut down / truncated. Seems to be the same problem adhocdesigns had. In your response to them, you mentioned “insert is as an <img> in the header area” , but i’m not sure what code is needed within the <div class=”header-inner section-inner”></div> section of the header. Can you please help?

For reference, I want the header image to look the way it does at https://www.votewhitney.wordpress.com

Thanks!
Lacey

Hi Lacey,

Remove line 28 to line 44 in header.php. The first line is <?php if ( get_bloginfo( 'description' ) || get_bloginfo( 'title' ) ) { ?>, and the last line is <?php } ?>. Replace them with the following code:

<a href="<?php echo esc_url( home_url() ); ?>" title="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?>
	<img src="#">
</a>

…and replace the # in the image element with the url to the image you want to display. Also, add the following code to style.css:

.header-inner img { display: block; margin: 0 auto; }

Follow the steps above, and the image should render properly. Let me know if it works out.

Hi again,

I have uploaded a new version of Hemingway that allows users to upload a logo image which will be displayed instead of the site title and description in the header. It should be live later this week.

Hi Anders,

Thanks for your response. Unfortunately I’m getting a white screen (ALL site content disappears) when I remove the following section of code from header.php and replace with the code you provided above.

<?php if ( get_bloginfo( 'description' ) || get_bloginfo( 'title' ) ) { ?>

							<div class="blog-info">

								<h1 class="blog-title">
									<a href="<?php echo esc_url( home_url() ); ?>" title="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?> &mdash; <?php echo esc_attr( get_bloginfo( 'description' ) ); ?>" rel="home"><?php echo esc_attr( get_bloginfo( 'title' ) ); ?></a>
								</h1>

								<?php if ( get_bloginfo( 'description' ) ) { ?>

									<h3 class="blog-description"><?php echo esc_attr( get_bloginfo( 'description' ) ); ?></h3>

								<?php } ?>

Please confirm this is the right section of code to remove?

Thanks again,
Lacey

Hi… I’m having a similar problem.

I removed the meta data on a specific category. And now, when I look at that category page, it shows in one big black box, with white text.

How do I remove that black box so it’s just normal?

thank you!