How do I add tagline under site title?

Tagline under Title

Tagline under Title

One member asked this question on Beaver Builder FB group. Therefore I am writing this tutorial. Hope it will help other users also. Following code will only work on Beaver Builder child theme.

Before editing the file you will keep a backup of your child theme.

Now open the classes/class-fl-child-theme.php on your editor and add the following snippet above the last closing bracket (}).

    /**
     * Displaying Site Title with Tagline
     */         
    static public function logo_text( $mods ) {
      //* Getting tagline
      $tagline = get_bloginfo( 'description' );
      
      if( ! empty( $tagline ) ) {
        //* Appending tagline with logo text
        $mods['fl-logo-text'] .= '' . esc_html( $tagline );
      }
      
      return $mods;
    }

Next open the functions.php file and add this single line:

//* Displaying tagline under site title
add_filter( 'fl_theme_mods', 'FLChildTheme::logo_text' );

All theme customize data are saving in $mods array and there have a filter “fl_theme_mods” in bb-theme file. So you can easily alter the default mods data with new data. Pretty simple process without touching the any core files.

Lastly I added this CSS in style.css file. You can change it as per your site design:

.fl-page-header-logo {
    line-height: 1.2;
}

.fl-logo-desc {
    clear: both;
    display: inline-block;
}

7 Comments

  1. Bryan on January 11, 2017 at 8:08 am

    How would this work with an image logo as opposed to text

  2. Roberto on September 4, 2016 at 1:54 pm

    Great tut Chinmoy!

Leave a Comment

You must be logged in to post a comment.

Newsletter

Get free weekly PRO Beaver Builder Tutorials

shares