Docs

[Chris A]

I’m not using a logo pic in the header. Only text, however I would like a second line of text slightly smaller beneath it/

How would I go about doing this?

Thanks!

[Paul R]

Hi Chris,

Thanks for writing in!

To achieve that, create file _brand.php in wp-content\themes\x\framework\views\global
and copy the code below into that file.

<?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 ( is_front_page() ) ? '<h1 class="visually-hidden">' . $site_name . '</h1>' : ''; ?>
<div style="float:left;">
<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
  <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>    
</a>
<div class="x-description" style="clear:both;"><?php echo $site_description; ?></div>
</div>

Hope that helps.

[Chris A]

Thanks. done. what do I do now. where do I put the text to have that second line show up?

Would have been really helpful if you would have added that in your response.

[Christopher]

Hi there,

Please add your text under Settings -> General -> Tagline.

Hope it helps.

[Chris A]

That does not work. I have text in there. It is not showing up.

[Chris A]

This reply has been marked as private.

[Christopher]

Hi there,

Please provide us with FTP credentials.

Thanks.

[Chris A]

I figured it out. Just now need to be able to alter the font size, letter spacing a bit, and it is a little too close to the logo above.

I think I would also like it to be in all capitals, but I don’t want to do that in the tagline itself.

It appears that it is controlled by the body font in customizer > typography.

I need this to be smaller than the body font, so it has to be controlled differently somehow.

[Rue Nel]

Hello There,

Thanks for the updates! To change the font size and make the text in uppercase, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-description {
  margin-top: 15px;
  font-size: 12px;
  text-transform: uppercase;
}

The top margin controls the distance of the description and your logo. You can also adjust the font size if needed.
Hope this helps. Kindly let us know.

[Author]

Posts