• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Monochrome Pro Image After Header On Any Page Type

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 :

Register for full access

After Header Image Custom Fields Featured Image Monochrome Pro

Reader Interactions

Comments

  1. defree99 says

    June 18, 2020 at 9:38 pm

    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

    Log in to Reply
    • Brad Dalton says

      June 19, 2020 at 3:57 am

      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?

      Log in to Reply
      • defree99 says

        June 19, 2020 at 4:30 am

        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?

        Log in to Reply
        • Brad Dalton says

          June 19, 2020 at 5:19 am

          Just published this https://wpsites.net/web-design/before-header-utility-bar-in-monochrome-pro/

          Should work in most StudioPress child themes.

          Log in to Reply
          • defree99 says

            June 19, 2020 at 12:36 pm

            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

            June 19, 2020 at 2:57 pm

            Link to the site please.

          • defree99 says

            June 19, 2020 at 3:00 pm

            Sorry I thought I pasted it.
            https://monochrome3.clearprofiles.com
            BTW, it seems to only be in Firefox.

          • Brad Dalton says

            June 19, 2020 at 3:04 pm

            Tested in both Chrome and Firefox and works fine. Did you clear caching?

          • defree99 says

            June 19, 2020 at 3:06 pm

            Had to to a hard clear, but that did it. Thanks!

  2. Michele Smith says

    January 27, 2018 at 4:44 am

    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?

    Log in to Reply
    • Brad Dalton says

      January 27, 2018 at 5:52 am

      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.

      Log in to Reply
      • Michele Smith says

        February 2, 2018 at 11:47 am

        thank you Brad!

        Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.