Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change page header image for blog

Featured Lock Resolved Issue
Hey guys. I am certain this is a silly question but I'm stuck. I need to change the page header for the blog pages on this site. I can't figure out where I do that in either Helix or in the menu system. Any help?

I need this below blog page (and all future blogs) to have the same sort of page header image as the rest of the site.

Site page example(this is how I want the blog page header to look):

Blog example(this is the one that I need to change):

Thank you so much!

4 Answers

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. You can change the blog items page title image from menu-item
And you can change the individual blog item title image from the blog options
If you want to get the same image for all then please use same image for all blog items.
-Best Regards

Hayden Cyr

More than a month ago #Permalink
Hey again Sifat, I finally got around to this project again and went to implement your solution. Sadly I don't think you understood my question entirely. I don't have any issue changing the image on the "page header" portion of the blog menu item. What I am having issue with is changing the image that is in the same position of the blog posts themselves, they don't pull this same "page header" image from the menu item.

By changing the "featured image" as described in your second screenshot, it does not provide the results I am asking for. It does change the image that is displayed on the blog page as essentially a large thumbnail. I need to change the image that's in the actual "page header" area of these blogs.

Does this help?

Blog header image.jpg

Attachments (1)

  • Blog header image.jpg
    Blog header image.jpg 488.8 KB

Sifat - Staff

More than a month ago #Permalink
Thanks for your reply. Please check this screencast Here i've shown you all the available options to change the title background. Without those options there is no way to change those images.
And to remove the wave line please use this css into your custom css.

.view-article .article-details {
display: none;

Here you'll get all the informations regarding custom css

-Best Regards

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)



Total Accepted Answers: 103
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93


Total Accepted Answers: 91


Total Accepted Answers: 3
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us