This solution enables you to add a unique image after the header on any single page or specific page type like the Genesis blog page template which you can see in the following video.
In this case, you can use the featured image or add a custom image via a custom field named image like this :
If a image URL is added via a custom field, it will display in replace of the featured image otherwise the featured image will display.
Installation
There’s 2 steps :
Step 1 : From the download folder, upload the files named image-after-header.php & page_blog.php to the Monochrome Pro themes root directory.
Step 2 : From the download folder, copy & paste the CSS from the style.css file to the end of the Monochrome Pro themes style.css file, just before the start of the Media Queries.
You can then select the page templates from the Template drop down menu on any Edit Page screen as seen in the demo video above.
Register or login to access the download folder :
defree99 says
I just created a paid account.
Can you create a tutorial for Monochrome?
I would like to create a widget area above the menu. Like the one that is in Mai Law Pro.
https://my.studiopress.com/themes/mai-law/#demo-full
I’m referring to the part that shows “call today . . .” , phone number, social media icons
Brad Dalton says
Hello. The widget area is before the header however in Monochrome Pro, there’s a fixed header when you scroll meaning the before header widget will be hidden once scrolled. What do you want to do about that?
defree99 says
Well that’s not ideal for my purposes. I am trying to compete with other heating and air conditioning companies like this local competitor:
https://www.berkeys.com/
Can you do it on Magazine Pro or Navigation Pro?
Brad Dalton says
Just published this https://wpsites.net/web-design/before-header-utility-bar-in-monochrome-pro/
Should work in most StudioPress child themes.
defree99 says
My alignment is off. It wraps to make two lines instead of one. Does it matter that this is a Multisite installation?
Brad Dalton says
Link to the site please.
defree99 says
Sorry I thought I pasted it.
https://monochrome3.clearprofiles.com
BTW, it seems to only be in Firefox.
Brad Dalton says
Tested in both Chrome and Firefox and works fine. Did you clear caching?
defree99 says
Had to to a hard clear, but that did it. Thanks!
Michele Smith says
Thank you for the information. I have a question. When I visit the page for the 2nd time, the photo isn’t there. Have you ever seen this problem?
Brad Dalton says
I updated the page_blog.php file and removed the check for full width content. Please download the folder again and replace the page_blog.php file in your child themes root directory.
Michele Smith says
thank you Brad!