Header background image
Hi,
I want to add a header background image for the individual page. I tried with the featured image of the page and also tried by adding in the theme option. But it's not working, can you help me to add a background image.
check the attached screenshot.
I want to add a background image in the header like this https://prnt.sc/26mehwk
I added a featured image but it not working. https://prnt.sc/26meibp
Thank you
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
And how I can make a section equal height with align-center vertically. like this https://prnt.sc/26meknl
1) Can you send a link to your website, please?
2) To do that, you will have to use the equal height of the wraps option.
The equal height of wraps is used to position elements on top, middle, or bottom in wraps. For more details, please check our guide on how to use it at our support center.
https://support.muffingroup.com/how-to/how-to-use-equal-height-of-wraps/
Thanks
Actually i can not send link. because its not uploading on any server, its still in development stage on my local computer server
Please, go to Betheme -> Theme options -> Header & Subheader -> Header set the Height value to some high one, and check if the featured image appears then.
Notice, that if you have Slider on this page, it will replace the featured image.
Thanks
No, still not working
https://prnt.sc/26mwomb https://prnt.sc/26mwovi https://prnt.sc/26mwpar
check attached screenshots.
Instead please, try to put this image in the Subheader in the page options:
Notice that it should be set to Show in the page options and not set to hide in Betheme -> Theme options -> Header & Subheader -> Subheader also the Subheader should have some padding.
Thanks
I already tried that, now try it again but no result
https://prnt.sc/26mx5ga https://prnt.sc/26mx5r0
still not showing image in the header
In theme option the hide subheader is unchecked, then why in CSS getting property display none?
https://prnt.sc/26mx8id
after disabling the property the header showing like this... https://prnt.sc/26mx99x seems not perfectly done CSS in default theme CSS file
Did you check if it is not hidden in the page options?
In the previous screenshot, I pointed to the option below by mistake.
Thanks
No check, its not hidden
Ok, I just noticed on your screenshots that you are using Header Empty style, which hides the Subheader by default.
You can switch to another Header layout, or try to put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.
.header-empty #Subheader{ display: block!important; }Thanks