Tagline not showing

[jstovallcollaborative]

Hello–

I’m having trouble getting the site tagline to show in my header at http://www.inkdigitallab.com/workwoze/.

The tagline, which should read, “Workforce Sustainability: Improving People, Productivity and the Planet.”, should appear below the blue WorkFX in the white header.

Is there a control I’m missing somewhere to get this to output?

Thank you!

-Jeff

[rad]

Hi Jefferson,

Thanks for reaching out.

Are you referring to the tagline added in Admin > Settings > Tagline? Unfortunately, it’s not really displayed. The header is only limited to text logo and image logo. Though, if you just wish to display it, then add this CSS to Theme Options > CSS

    .x-brand.text:after {
        content: "Workforce Sustainability: Improving People, Productivity and the Planet.";
display:block;
font-size: 10px;
color: #ccc;
    }

Thanks!

[jstovallcollaborative]

Ok, thanks, Rad. Quick request, can you show how to break that onto two lines after the colon? I experimented and couldn’t quite figure it out.

Thanks!
-Jeff

[jade]

Hello Jeff,

The previous suggestion will not be able to have a line break in the specific area of the text added.

Kindly remove that CSS and add this to the Global JS instead:

jQuery( ".x-brand" ).append( "<span class='tagline'>Workforce Sustainability:<br/> Improving People, Productivity and the Planet.</span>" );

Then add this to the Global CSS:

.x-brand .tagline {
    display:block;
    font-size: 12px;
    color: #ccc;
    line-height: 1.5em;
}

Hope this helps.