Add Image to Default Homepage

Hi @currentbay

You can use CSS to add the background image. You first need to add the image to your site’s media library then grab the image link as shown in this example video.

Once you have the link, you can add the image link in the code below where it says image-url-goes-here:

.entry-title {
    padding: 10rem;
    background-image: url(image-url-goes-here);
}

.section-inner.medium, .entry-title  {
    max-width: 200rem;
	
}

The code above can be adjusted, the padding line increases the height of the image.

Thanks!
With this code, the image appears behind any text blocks on the homepage?
I’m trying to add a featured image just below the homepage title, similar to this Twenty Twenty screenshot with “The New UMoMa Opens Its Doors” homepage title above a featured homepage image.

Twenty Twenty

Is it possible to add an image block below the homepage title?
Any advice is appreciated.

• This reply was modified 1 year, 10 months ago by currentbay.
• This reply was modified 1 year, 10 months ago by currentbay.

Thanks.
I added the code with image url but that adds a repeating background image behind the posts.
I’m trying to add a set image below the default homepage header and just above the most recent blog post. The image would only appear in this position on the default homepage with the list of blog posts below the image.
I reviewed all the customize options for the theme but there is no option to add an image at the top of the page.
I may have to create a static page with a featured image, and recent posts, and designate this as the landing/homepage, though I’d prefer not to do that.
Any ideas would be appreciated.
Does anyone know if the plugin “Options for Twenty Twenty” will accomplish this?

• This reply was modified 1 year, 10 months ago by currentbay.
• This reply was modified 1 year, 10 months ago by currentbay.
• This reply was modified 1 year, 10 months ago by currentbay.
• This reply was modified 1 year, 10 months ago by currentbay.

Hi @currentbay

My apologies, I didn’t understand your initial message. I thought you wanted to have a background image under the page title. Please remove the code I provided earlier.

If you want to add a featured image on the home page this requires a little bit of customization from a plugin or PHP code which I am not very familiar with.

I am not very sure which plugin you can use for this, you can try the one you mentioned or the page builder mentioned here.

I may have to create a static page with a featured image, and recent posts, and designate this as the landing/homepage, though I’d prefer not to do that.

This would be a good option that doesn’t require adding a plugin or custom code.

Alternatively, there are other WordPress default themes that allow you to create templates for your pages. You can customize the templates the way you like, i.e add where featured images will be and where your posts will be displayed.

Site Editor

Hi @thelmachido
Thanks for the suggestions and the help article.
I’ll most likely go the static home page and separate blog page route as they are easier to customize than the default homepage/template.
Cheers.

Hi @currentbay

Thank you for letting me know the route you have decided to take. All the best ??

I will mark this as resolved for now, feel free to reach out if you need assistance