Docs

[arjunaghose22]

You guys have been great helping me; i’m definitely going to be a repeat customer. Can someone please tell me how i can include a couple counters in the top bar (appears on every page above my header)? I also want to be able to style the counter-numbers so that they are a bit smaller.

Thank you.

[Rahul]

Hi There,

Greetings! Thanks for writing in!

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[arjunaghose22]

http://www.newmoonwonders.com/

[Christopher]

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.

Copy _topbar.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container max width">
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?>
      	<?phph echo do_shortcode('[counter num_start="0" num_end="128" num_speed="1500" num_color="#272727" text_above="Across" text_below="Countries"]'); ?>
      	<?phph echo do_shortcode('[counter num_start="0" num_end="132" num_prefix="-" num_speed="1500" num_color="#3498db" text_above="It Is" text_below="Degrees"]'); ?>

      </p>
      <?php endif; ?>
      <?php x_social_global(); ?>
    </div>
  </div>

<?php endif; ?>

Hope it helps.

[arjunaghose22]

Okay, thank you. I will give this a try.

[Nico]

Let usknow how it goes.

Thanks.

[Author]

Posts