Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1179394
    malonovo
    Participant

    We would like to add the tagline “Business Advisors and Certified Public Accountants” to the header section, centered below the logo and navbar items on http://www.maloneynovotny.com. Is this possible?

    #1179447
    Thai
    Moderator

    Hi There,

    Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.
    Then navigate to your child theme’s /framework/views/global directory create a file named _brand.php and paste the code below:

    <?php
    
    // =============================================================================
    // VIEWS/GLOBAL/_BRAND.PHP
    // -----------------------------------------------------------------------------
    // Outputs the brand.
    // =============================================================================
    
    $site_name        = get_bloginfo( 'name' );
    $site_description = get_bloginfo( 'description' );
    $logo             = x_make_protocol_relative( x_get_option( 'x_logo' ) );
    $site_logo        = '<img src="' . $logo . '" alt="' . $site_description . '">';
    
    ?>
    
    <?php echo '<h1 class="visually-hidden">' . $site_name . '</h1>'; ?>
    
    <a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
      <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
      <span class="x-tagline">Business Advisors and Certified Public Accountants</span>
    </a>

    After that add the following CSS under Customizer > Custom > Global CSS:

    .x-brand {
        margin-top: 14px;
    }
    span.x-tagline {
        font-size: 12px;
        display: block;
        color: #007889;
        letter-spacing: 0.01em;
    }

    http://i.imgur.com/etuPqHh.png

    Let us know how it goes!

  • <script> jQuery(function($){ $("#no-reply-1179394 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>