• 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

Outreach Pro – Add Extra Home Page Widget

I wrote this tutorial in response to this question:

Outreach Pro Theme – Add Extra Home Page Widget

I would really appreciate it if someone could provide me with the code to add an extra widget to the Outreach Pro theme right below the home-bottom widgets.

I just want this widget to show up on the Home page, and I will use it to display text content on the Home page.

You can do this several ways, however the easiest is to simply duplicate the code from the front-page.php file and make a few changes.

Here’s what the code in this post enables you to do:

Duplicate Widgets

Paste the code to register the widget at the end of your child themes functions.php file.
Replace the entire front-page.php code in that file.

The code uses the same home-bottom class as the default widgets which means it uses the same styling written to style the 4 Genesis Featured Page widgets inline. Simply change the class if you want to use other widgets in that area or to create a single, full width widget area.

You can also use any other existing class like home-top or add a unique class and then extra CSS to style the new widget area differently.

You can also change the hook position if you want to display the widgets in a different location on your front page.

Outreach Pro Theme

Reader Interactions

Comments

  1. Ken says

    December 26, 2017 at 6:50 am

    Hey Brad,

    Thank you so much for the content! Question. What if I wanted to add more than one widget? I don’t know PHP beyond some pattern recognition, and was just going to repeat all of the steps after success adding the new home bottom and creating a custom class, however I noticed there are numbers in the add_action line of code and I’m not sure how they correspond and didn’t want the site to blow up.

    Thank you!

    Log in to Reply
    • Brad Dalton says

      December 26, 2017 at 6:55 am

      How many widgets do you want to add?

      Log in to Reply
  2. Kent Fackenthall says

    December 8, 2017 at 5:32 am

    Brad,

    Thanks for the tutorial. I got the widget area to register and appear fine, but when I duplicate the ‘home-bottom’ class in my stylesheet and then rename it ‘extra-home-bottom’ to try and style that widget area differently, it’s not working, even when I change the call in functions.php. Thoughts?

    -Kent

    Log in to Reply
    • Brad Dalton says

      December 9, 2017 at 2:42 am

      Link to your site please Kent.

      Log in to Reply
      • Kent Fackenthall says

        December 11, 2017 at 5:13 am

        Brad,

        Appreciate the reply – I got it sorted, thanks.

        -Kent

        Log in to Reply
  3. Rebecca Simmons says

    November 15, 2017 at 5:47 pm

    This worked – thank you! I have two widgets listed in the extra homepage section but I’m still struggling to get them to display correctly. Any tips (or plugin suggestions) for lining up widgets horizontally and tweaking the size and the space in-between so they each take up 50% of the page?

    Log in to Reply
    • Brad Dalton says

      November 15, 2017 at 6:53 pm

      You can use display: grid; or float: left; and float: right; https://wpsites.net/web-design/add-featured-widgets-inline-anywhere-in-genesis/

      Log in to Reply
    • Brad Dalton says

      November 15, 2017 at 9:03 pm

      This might work as well https://wpsites.net/web-design/split-widgets-50-width-each/

      Log in to Reply
  4. Jack Kenyan says

    August 16, 2014 at 5:21 pm

    Hi, Brad. this seems exactly what I ive been looking for. however when I paste the “extra-home-bottom” code you provided, can only see the widget area on the backend (dashboard) but can see anything in the front-end. Kindly assist.

    Log in to Reply
    • Brad Dalton says

      August 16, 2014 at 5:31 pm

      Hi Jack

      That only registers the widget.

      Then you also need to add code to your front-page.php file.

      I have included the entire front page file which also includes the new widget.

      Log in to Reply
      • Jack Kenyan says

        August 18, 2014 at 8:05 am

        Thanks alot man didnt expect an answer that fast! followed as u said and it worked like cham. just one more question, I want one line of the two Home Page Widgets to be full width and the other one below it to be split into 4 like you’ve described. been trying withought success. Thanks and God bless

        Log in to Reply
    • Brad Dalton says

      August 18, 2014 at 8:14 am

      Simply add another widget using a unique function name, unique widget I.D and a hook which executes before the loop like the genesis_before_content_sidebar_wrap hook.

      Log in to Reply
      • Jack Kenyan says

        August 18, 2014 at 2:02 pm

        Thanks alot

        Log in to Reply
  5. Keith Davis says

    April 26, 2014 at 5:03 pm

    Keep those Outreach Pro tuts coming Brad.

    I’m seeing a client this week who is likely to tell me to get on with his site and I will be using Outreach Pro… with some of your customisation.

    Many thanks.

    Log in to Reply
    • Brad Dalton says

      April 26, 2014 at 5:21 pm

      Let me know if you want me to write one.

      Log in to Reply
      • Keith Davis says

        April 26, 2014 at 5:28 pm

        Will do 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.