set background image for header
As we said in this post: https://support.muffingroup.com/how-to/how-to-set-background-image-for-header/
I've setup an image for header background, but seems it doesn't show.
in QUICK TIP! you talk about "minimalist" layout (but in latest version it doesn't exist anymore)
you also say that by setting a featured image it appears in the header background? But exactly where? as a menu background or above the subheader? Also the images that I set as subheader are either displayed well on desktop or on mobile: what size and what setting should the subheader image have to be seen well on desktop and mobile?
Comments
Hi,
The image here:
It is a Subheader, so if you want a different one for the post, you should select the Subheader image.
To have a different size on mobile display, try the following CSS code:
@media only screen and (max-width:767px){ #Subheader{ background-size: contain!important; } }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
but what's difference from header background and subheader background?
Which one overwrites the other, or which one has priority in display?
None overwrites the other. If you set the height value in Theme options -> Header & Subheader -> Header, then in this area the featured image displays:
Best regards
I'm sorry, but for me doesn't works!
but as you can see https://www.eugenioruberto.it/la-parola-del-19-maggio-2025/ only subhead being displayed.
Did you purge the cache after the change?
Best regards
sure!
I see a strange thing... https://www.eugenioruberto.it/commento-al-vangelo-del-16-maggio-2025/
Your Subheader is semi-transparent, and that is why it is happening.
If you want us to investigate why height is not applied, please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact. We will then check what the reason might be. But before that, please double-check if all caches have been purged.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks
I already said: I clear cache every time edit theme.
Just sent private email data for investigate into my blog. Thank you
There is a cached version of the static CSS file.
After disabling this option, the space appears.
That is why we always suggest keeping all caching tools disabled until you finish working on your website.
Also, there is no need to have more than one caching tool at the same time. You currently have Cloudflare and two caching plugins, but only having Cloudflare would be enough.
Best regards
Ok, but the feature image still doesn't appear in place of the image I set as header.
I have to use the aruba hispeed cache plugin to have the static cache in conjunction with the aruba.it server
I use w3 tc to have the db and object cache with redis (offered by my aruba.it hosting)
Sorry, but I quite do not understand that:
Ok, but the feature image still doesn't appear in place of the image I set as header.
The image appears in the area where it should be displayed.
Regarding the cache, only one cache will be activated after you finish working on your website, which would be thoroughly enough.
Best regards
as you say in this comment, the feature image will be displayed in the header, with the header height set to 300px. But it doesn't happen to me, it always displays the image I set in the header options. If you try to see my admin, maybe I made a mistake in some settings.
test again and for me works only for pages, not for post.
is it true? how can I disable featured image as header?
https://www.eugenioruberto.it/privacy-policy/
For posts the featured image appears in the lower part:
So yes, the featured image appears in the header area only for pages.
Best regards