Header image for Blog home page - MINIMAL THEME

floyd
Tourist
6 0 1

How would I go about adding a header image to the home page of my blog? There isnt a "featured image" option for the blog itself, only artilces.  Any help would be much appreciated!

thanks!

 

Hugh_Luong
Shopify Staff
Shopify Staff
283 0 54

Hi Floyd!

If you have a photo you want to use for this, upload it to the Files section in your Settings. We will need to use the URL to custom code the theme to show it. After you have done that, here are the steps:

  • Visit your theme file by going to Online Store > Themes
  • On your active theme, click the [...] button, and select Edit HTML / CSS
  • We will edit the blog.liquid, under Templates
  • You can place the following code on Line 2, so the image shows at the top of the blog page before the header.
    <img src="IMAGE_URL_HERE" style="width:100%; padding-bottom:25px;">
    

    As you may have guessed, you will need to replace the FILL_URL_HERE with the actual file URL from your Files section.

  • The styling added here will have it take up 100% of the page width, excluding the standard margins. Also, I suggest the 25px of padding at the bottom to keep the spacing between elements consistent. You can change this if you'd like!

That should do the trick! I hope this was helpful :)

By the way, I love the site! It is absolutely HILARIOUS!

Hugh

Happy selling! :)
0 Likes
floyd
Tourist
6 0 1

Thanks Hugh! We're starting to develop a new pickle language as an upgrade from liquid, but this will have to do until it's ready. It worked perfectly!

 

 

 

0 Likes
reneemudd
New Member
1 0 0

This code was super helpful – unfortunately, now the blog header disappears on individual blog posts. (see attached)

 

Any help (ASAP) would be much apprecaited!

0 Likes
Timothy_Stevens
New Member
1 0 0

Hello - you should edit the article.liquid (or article-template.liquid depending on the theme). 

A blog post is called an article in Shopify. 

Best, 

Tim

0 Likes
AnalyticCity
Tourist
8 0 1

@Hugh_Luong Would there be a way to do this exact process but add a different image for two different blogs?

0 Likes

Hello @floyd 

Welcome to the Shopify Community!

This is Jay here, I'd be happy to assist you with the same.

Please add me over skype for instant communication.

Email ID& Skype ID: expert.shopify111@gmail.com

#Hire me if you need any expert help for Shopify theme customization, Modification, Redesign

Skype: live:.cid.3a2c5284e421edf8
Email ID: expert.shopify111@gmail.com
Website: www.anjani-infotech.com
0 Likes