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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Add Full Width Image on Sub Pages In Gallery Pro

The code in this tutorial adds a widget after the header on all pages excluding single posts and the front page.

The widget includes a full width background image like the front page 1 widget area.

The tutorial has been written based on the following question from a member of the Genesis community :

Hello I’m using the Gallery Pro theme and I want to be able to have the same type of full width front-page image on my sub pages. Also I want to be able to have a widget that will allow me to add a button to the image similar to the “Front Page 1” widget. Is this possible? Thanks in advanced for any help.

Here’s the demo video.

Demo Video

Adds a full width widget with background image after the header on all pages excluding the front page & single posts.

Unique Content & Background Images

You can also use the code below in replace of the code included in the download file if you want to add a unique image as the widget background on each page. When no image added, a default named after-header.jpg is used from your images folder.

Or

Here’s a entire tutorial which includes the code for adding unique content & unique images.

Code Installation

Simple, 1 step code installation :

From the download folder, copy & paste the PHP code to the end of the Gallery Pro themes functions.php file.

You can then add HTML to a text widget in the new After Header widget area.

Register or login to access the download folder for members :

Register for full access

Gallery Pro Theme

Reader Interactions

Comments

  1. Brian Thomas says

    December 1, 2017 at 12:31 am

    Things are working as needed! Thanks for the modifications. Quick question for future references. How difficult would it be to have different “text content and button links” for each image in the After Header position? Currently whatever I have in the “After Header” widget is displaying on all images using the After Header position. Nothing pressing just wondering if that’s a possibility. Thanks.

    Log in to Reply
    • Brad Dalton says

      December 1, 2017 at 3:15 am

      Try this https://wpsites.net/web-design/add-unique-full-width-image-on-sub-pages-in-gallery-pro-with-unique-content/

      Log in to Reply
  2. Brian Thomas says

    November 30, 2017 at 11:38 pm

    I have implemented the code. Now how do I go about having a different background image for each sub page? Thanks.

    Log in to Reply
    • Brad Dalton says

      November 30, 2017 at 11:42 pm

      Hello Brian. By sub page do you mean single pages only?

      Log in to Reply
      • Brian Thomas says

        November 30, 2017 at 11:52 pm

        Yes. I need a different full width background image for each page of the website. I have 4 pages – Home, Services, Products, Contact. Currently the home page is using the “Front Page 1” widget and displays a full width image. Using your code the other 3 pages are displaying a “gray” background in the same location as the Front Page 1 widget. I need different background images for each page. Thanks.

        Log in to Reply
        • Brad Dalton says

          December 1, 2017 at 12:09 am

          See additional code added which you can use in replace of the code included in the download.Requires installation of ACF and setup of a custom field.

          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.