Skip to main content

How can I display photos at top of blog page?

Cross post from Public Issues & Suggestions - while having a button to do this automatically is a great suggestion I know it's also possible in the template at the moment. 

"I'm using the Publish theme, and the only way to post a photo at the top of a blog page is to use a slider. The problem is I want to use images that are smaller than what's required for the slider. Seems like it might have been an oversight rather than a deliberate design decision. In any case, I'd really appreciate being able to display photos without having to use the slider. I'm talking about the main blog page, not individual blog posts. Thanks."

Official response from

For most page types, you could add a photo into the "Content" tab of the page, which includes a WYSIWYG text editor for inserting text and images, but the blog page does not have this section. If you want a photo at the top of the blog page (without using the featured content slider) then, you could add it directly into the HTML code for that page by clicking on the "Template" tab while configuring that blog page.

Specifically, you should place the <img> tag on line 1 of the template, above all of the content that is already there, like so:

Screenshot_2016-11-04_10.26.17.png


If you'd like to add additional attributes to that <img> tag, like a set width and height, you can learn how to do so here: http://www.w3schools.com/tags/tag_img.asp

 

Lastly, be sure to click "Publish and save this file" at the bottom of the page to save this change!

Share this post

Showing 1 reaction

How would you tag this suggestion?
Please check your e-mail for a link to activate your account.