Gateway Header Image
-
Hi.
I’m setting up my blog and I’ve been trying to set my header image to appear as full screen as it does in the demo. But none of the things I have read about in other posts seem to help. Any other suggestions?
The blog I need help with is: (visible only to logged in users)
-
Hi avdhm
The demo site is using an image that is 1009px x 476px. The image you have uploaded is 2560px x 2114px.
I would recommend cropping a section of your image to the exact same dimensions as the image used on the demo site – 1009px x 476px
-
I just had another look and I didn’t have the image at full size
The correct dimensions are 2600px x 1226px. Cropping your image to these dimensions should solve your problem.
-
The header image is as tall as it is in the Gateway demo because the demo includes:
– a site logo, which you can upload in the Customizer’s “Site Title, Tagline, and Logo” panel
– a Hero Title and Hero Content which you can add in the Customizer’s “Theme Options” panel, in the Homepage Template sectionIf you prefer not to ad any additional content in your header but still want it taller, you can do a workaround by adding an empty div element in the Hero Content area like this:
<div style="margin-bottom: 200px;"></div>You can adjust the value of the margin as you like.
Let me know how it goes.
-
-
natureswonders278 – your site is still set to display the latest posts on the homepage. You’ll need to set the homepage to a static page and assign the Front Page template to it to get started:
https://enjoynatureswonders.wordpress.com/Please try following the Gateway setup guide here and just let me know at which step you’re getting stuck:
-
When I did that it did fix the header image, but now I can’t figure out how to get the featured posts on that page.
-
Also, what am I supposed to name the static page. I want for it to be “home” so i can have the pinned post on the home page. I’m not able to delete the home page that was there when I first started the page.
-
I did everything in that tutorial, and this is where I am. I’m happy with the way the featured posts are now, but am still struggling with the header. I’ve set the homepage as a static page.
-
How would you like to change how the header image is displayed on the homepage? If you want it taller, I’d suggest you try the steps I mentioned earlier:
– add a site logo in the Customizer’s “Site Title, Tagline, and Logo” panel. If you upload a logo this way, you can remove the logo from your custom header image so it’s just the leaves background image. The logo will be overlaid nicely on top of it and it will scale well at different screen sizes, and not get cut off anywhere.
– add a Hero Title and Hero Content in the Customizer’s “Theme Options” panel, in the Homepage Template sectionIf you prefer not to ad any additional content in your header but still want it taller after adding a logo, you can do a workaround by adding an empty div element in the Hero Content area like this:
<div style="margin-bottom: 200px;"></div>You can adjust the value of the margin as you like.
Right now you’ve added a bunch of HTML line breaks to the Hero Content section – that’s not the recommended method. Try what I suggested above instead.
-
I tried that code previously and it didn’t work, but I just tried again and.. PROBLEM SOLVED. Thank you so much!
-
- The topic ‘Gateway Header Image’ is closed to new replies.
WordPress.com Forums 