Docs

[Pavle L]

Hi,

I need tagline (slogan) next to or below logo.

I have child theme.

http://svetalata.com

“SVET ALATA” is logo. Next to or below i need some tagline slogan to be placed.

[John Ezra]

Hi Pavie,

Thanks for writing in. 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.

After you have that set up or if you already have that done prior, move on to the following steps.

first find and create a copy of the “_brand.php” file found here:

/wp-content/themes/x/framework/views/global/_brand.php

You will then need to paste that file in the exact path in the child theme.

/wp-content/themes/x-child-ethos/framework/views/global/_brand.php

Then copy the code below and replace what’s in the _brand.php file in your child theme.

<?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>' : ''; ?>

<a href="<?php echo home_url( '/' ); ?>" class="<?php x_brand_class(); ?>" title="<?php echo $site_description; ?>">
  <?php echo ( $logo == '' ) ? $site_name : $site_logo; ?>
</a>
<br>
<span class="site-tagline"><?php bloginfo('description'); ?></span>

The site tagline should now show beneath the Logo. Finally you can go into your General Settings and change the tagline there to whatever you want it to be. (Settings > General > Tagline)

Hope this helps!

[rpook]

Hi there – I’ve just used this great fix.
It looks all good but my tagline is sat next to the logo.
Also I’d like to change the font etc. How best can I do this?
URL: http://demo.goldenbearbelts.com/

[Lely]

Hello There,

Glad that above works for you. To achieve the changes you want, please add the following CSS via Appearance > Customize ? Custom > CSS:

.site-tagline {
    display: block;
    float: left;
    width: 100%;
    margin-left: 1%;
    font-family: "Lato","Helvetica Neue",Helvetica,sans-serif;
    font-size: 20px;
}

Feel free to adjust the values of the css property.

Hope this helps.

[rpook]

That’s perfect – works a treat… Thank you so much.

Rachel.

[Zeshan]

You’re welcome! 🙂

[rpook]

Hi there – I’m back again! I’m afriad that the code you gave me above – has done something very off to my blog page – I’ve opted for the masonry look but it seems to be somehow included in the tagline span?

take a look here: http://demo.goldenbearbelts.com/demo-blog/

What do you think I should do to fix this?

Thanks heaps.
R

[Thai]

Hi @rpook,

Please try adding the following CSS:

#x-iso-container {
width: 100% !important;
}

Hope it helps 🙂

[rpook]

Lovely! Thanks so much. Sorry my CSS ain’t what it should be! 🙂
Much appreciated.

[Thai]

Glad it worked 🙂

If you need anything else, please let us know.

[Author]

Posts