custom header image not large enough
-
I’m setting up my future blog, using the Gateway theme, and want to use my own header image but it loads in half as tall as the original header in the demo here.
https://gatewaydemo.wordpress.comWhat am I doing wrong and why can’t I get the same height with my own image?
The blog I need help with is: (visible only to logged in users)
-
Hi,
The image at the top of the front page in the Gateway demo is a featured image on a static page with the Homepage Template assigned to it. See Homepage Template section of the Gateway theme guide.
I believe the header you are referring to on https://rvtrailtails.wordpress.com/ is a custom header. I tried the “skip cropping” option several times when creating an custom header on a test site, but the images were always cropped just as yours is.
You may expand the displayed height of the custom header by adding a tagline, and/or a logo. I think to expand the visible height of the custom header image without adding a logo or a tagline would require CSS customization.
-
Thank you for the response musicdoc1! Yes, it is a custom header although the one I want to use, also a custom one, is a bit different. Good to know about the featured image. I’ll give that a go for sure.
Custom CSS is only available if I switch up to Premium which I don’t want to do right now. But I’m planning to migrate over to wordpress.org eventually and as I understand it, I’ll be able to the customize CSS if I still want to at that point.
Thanks again. -
Looks like it’s a no go. I deactivated the header and played around with setting up a homepage template with an image but no matter what I did, or how large an image I uploaded as the featured image, it got cropped to the heights of the original header.
-
…no matter what I did, or how large an image I uploaded as the featured image, it got cropped to the heights of the original header.
That shouldn’t happen. Two questions:
- Did you find the template settings in the page editor Page Attributes module and choose “Home Page?”
- Do you understand how to add a featured image to a page?
-
Yes to both questions.
I added a new page in site admin, set it as a no-parent template home page in page attributes and added the featured image in the section below that. I tried to take a screen shot to show you what I’m doing but am not able to paste it here.
The image is 1260 x 800 and but only the top quarter displays. The header image option is turned off. I tried adding the site title and tag line and it got slightly bigger but nothing like the image in the demo. -
I added a new page in site admin, set it as a no-parent template home page in page attributes and added the featured image in the section below that.
What’s the URL of this page? Is it published?
The header image option is turned off.
Where did you turn it off? Your homepage has the custom header at the top, and so do all of the static pages linked to in the menu (About, The BackStory, The Rig).
-
The home page link is
https://rvtrailtails.wordpress.com/home-2/I have the custom header on the other three pages but even if turned off, the home page image doesn’t change
-
If you want to call for staff attention to this topic, just add a “modlook” tag to the sidebar at the right.
-
-
-
I meant I figured out the “mod look” tag. The issue with the featured image is still unresolved. Hopefully there’s a fix.
-
In my test of the homepage template on the Gateway theme, the featured image was overlayed by the following:
1. site logo
2. site title
3. tag line
4. Hero title — applied at Customize > Theme Options > Homepage Template
5. Hero content — applied at Customize > Theme Options > Homepage TemplateWhen I removed all of these, my featured image displayed at the same height as yours. It appears to be the normal displayed height, when you omit a site tite, tagline, and other optional text. Conversely, each item I’ve listed above added some height to the displayed portion of the featured image (file size over 1900 pixels in height).
-
You may stretch the height of the featured image in the homepage template page by added HTML spacer code such as the following
<br /> <br /> <br /> <br /> <br /> <br />(repeating the code as often as you’d like) at Customize → Theme Options → Homepage Template → Hero content
-
-
-
The purpose of the line break code is to stretch the height of the displayed header by adding invisible “Hero” content, rather than visible content.
-
The following code, repeated as often as you like, will also work if you remove the spaces between the characters and the tags:
<p> & n b s p; </p>
It would have been stripped if I hadn’t added spaces between the elements. -
Hmmmm. I totally get this, I remember using spacer code when I was building my own website. Forgot all about it since then. And it seems like a brilliant solution, logically. Except the code as below, which is what I think you’re saying I should do, now shows up as text on the page.
https://rvtrailtails.wordpress.com/home-2/<p> & n b s p; </p>
<p> & n b s p; </p>
<p> & n b s p; </p>When you say stripped, do you mean it doesn’t save? Is WordPress.com maybe trying to get users to invest into paid themes that can be manipulated more?
-
There should be no spaces between the characters in the code yiou refer to. I added spaces so that it wouldn’t be stripped here, in the forum posts, as it was when I attempted to include the proper codes above. The code is essentially “ ” with a semicolon added to the end, bound by open and close paragraph tags, <p> and </p>.
However, I’ve noticed that the spacer code portion “ (semicolon)” is stripped also at Customize → Theme Options → Homepage Template → Hero content, when you close Customize and reopen it, and yet the code continues to work when it looks like this:
<p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p>So you can just insert it that way without bothering with the spacer code in the middle.
- The topic ‘custom header image not large enough’ is closed to new replies.
WordPress.com Forums 