Eleven40 Pro: Replace Site Description Tagline With Widget

Jun 6, 2014

—

This tutorial shows you how to change the custom tagline area in the Eleven40 Pro child theme by StudioPress with a new widget area.

Here’s the before and after screenshots:

Here’s an example of what the code in this tutorial can produce:

The site description(tagline) in the Eleven40 Pro theme has been re-positioned to the genesis_before_content_sidebar_wrap hook which you can see in the 1st screenshot.

You can also see the 2 lines of PHP code in the functions file which does this.

//* Reposition the site description
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );
add_action( 'genesis_before_content_sidebar_wrap', 'genesis_seo_site_description' );

No need to do anything with the above code.

The Code

Here’s all the code you can copy from the view raw link in the Gist and paste at the end of your child themes functions file to add a new widget area in replace of the site description globally.

Full Width Widget

Note: If you want the content of your widget to span full width, you can change the hook from:

genesis_before_content_sidebar_wrap

To this:

genesis_after_header

Not exactly what you’re looking for? Try the link below.

Comments

14 responses to “Eleven40 Pro: Replace Site Description Tagline With Widget”

sweeterreads

August 27, 2015

Hey Brad,
Eventually, I’d like to have a featured post area where the tagline is….sort of like what’s shown here: http://awaytogarden.com/. Would this tutorial lay the brickwork for me…so to speak. If not, what would you suggest? Or could you point me in the direction of a different tutorial. Thanks. 🙂

Log in to Reply
1. Brad Dalton
  
  August 27, 2015
  
  Hi
  
  There’s many ways you could that.
  
  One would be to remove the header and then add back 3 widgets inline so you can populate them with the text, logo and other content.
  
  Or something like this http://wpsites.net/web-design/add-logo-nav-menu-social-icons-search-box-genesis-header/
  Then add the nav after the header and the search in the nav.
  
  The posts i linked to and the related posts links at the end of those posts should give you what you want.
  
  Log in to Reply
  1. sweeterreads
    
    August 27, 2015
    
    Thanks Brad for pointing me in the right direction. It looks simple enough. I’ll play around and see what I can do. I’ll let you know how it goes. 🙂
    
    Log in to Reply
    1. Brad Dalton
      
      August 27, 2015
      
      It will require a fair amount of work i think based on what i put in to work out, code and test. Its not complicated but a bit tricky.
      
      Log in to Reply
Kevin

August 16, 2014

Thank you for the great tutorials! This was very helpful!

Log in to Reply
1. Brad Dalton
  
  August 16, 2014
  
  No worries Kevin.
  
  Looks like you added the widget ok.
  
  Log in to Reply
  1. Kevin
    
    August 16, 2014
    
    Yes, I got the tagline removed. Now I just have to figure out the formatting for my opt-in form! 🙂
    
    Log in to Reply
    1. Brad Dalton
      
      August 16, 2014
      
      What exactly do you need?
      
      Log in to Reply
      1. Kevin
        
        August 16, 2014
        
        When I just put the Genesis E-News extended widget in there, the field are the entire width of the page. I’m looking for something more like the one on http://www.elementarylibrarian.com. It’s offset but is responsive when viewed in a smaller window or mobile device.
      2. Brad Dalton
        
        August 16, 2014
        
        Try this:
        [code]
        .site-description .enews-widget input {
        width: 49%;
        }
        
        @media only screen and (max-width: 750px) {
        
        .site-description .widget {
        width: 100%;
        padding: 10px;
        }
        }
        [/code]
      3. Kevin
        
        August 16, 2014
        
        Actually, this could work. I have a lead pages account and could use this tutorial linked to one of their lead boxes, I would think.
        
        http://wpsites.net/web-design/add-call-to-action-widget-in-any-studiopress-theme/
      4. Brad Dalton
        
        August 16, 2014
        
        Yes, for Lead Pages it should.
Rahul

July 11, 2014

please tell me how to change the colour of sticky menu in eleven 40 pro theme

Log in to Reply
1. Brad Dalton
  
  July 11, 2014
  
  Hello Rahul
  
  Color of what?
  
  Color of the background?
  
  Color of the font?
  
  Please be specific. On top of this, why don’t you use Firebug to inspect the element you want to modify so you can find the classes and test the changes in your browser before modifying them in your themes file?
  
  Log in to Reply