Adding a multi-line tagline 8


Last Reviewed: 29-Mar-14

Your site’s tagline is used to explain, in a few words, what the site is about. But maybe you want to use it for something else, or maybe you need more than a few words.

There’s a downside to using your tagline for other things: search engines know WordPress so well that they will expect to find a site description there and not, for example, an address. But it’s your site and you can do what you want with it, right? This article shows you how.

If you want to add just one simple extra line (with no html tags), you can use a CSS solution. If you need more than that (or you need to use html tags), then you will need to use a more complex php solution.

 

Adding one extra line with simple CSS

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

To add a second line (which contains no html) to the tagline, put the following in your Custom CSS or child-theme’s stylesheet:

Credit: @paulwpxp

 

Adding multiple extra lines with php

Where to copy/paste this code?
We strongly recommend you create a child theme and add this to the Child Theme functions.php.
Download a start-up child theme here.

Remember: you shouldn’t edit the theme’s functions.php.


About Dave Bardell

My name is Dave Bardell (@rdellconsulting) and have been supporting the Forum since discovering this wonderful Theme. Have learnt a lot from other Supporters (@acub, @tomaja, @ElectricFeet, in particular). Have a library of snippets I've built up which in adding here, I'll try to acknowledge the original contributor but apologies to any I miss or wrongly attribute. daveb@rdellconsulting.com


8 thoughts on “Adding a multi-line tagline

Leave a Comment

Your email address will not be published. Required fields are marked *

Do you need to share some code? To display it in a nice looking syntax highlighter, wrap your code between the following tags (css code in this example) : <pre class="lang:css">YOUR CODE</pre> ( possible code language acronyms : css, php, xhtml, javascript, sql)

You may also use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">