WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
Customizr - Two Line tagline (5 posts)

  1. cari.h.cayton
    Member
    Posted 10 months ago #

    Hi - I'd like to add a two-line tagline since the tagline area is already defined. Is this possible?

    Thanks!

  2. rdellconsulting
    Member
    Posted 10 months ago #

    In Customiz'it!>Site Title & Tagline, add the tagline using:
    This is Tagline Line 1 <br> This is Tagline Line 2

  3. acub
    Member
    Posted 10 months ago #

    Nope. This solution doesn't work. The tagline escapes any html code and outputs it unformatted. The only solution you have is to install RTFR, go to your page source and select the tagline tag (should be something like this:)

    <h2 class="site-description">
    Here goes your tagline </h2>

    You need to replace

    Here goes your tagline                </h2>

    with

    Here goes<br />your tagline                </h2>

    The content of your tagline appears in 5 places on the page but you only want to replace it in two of them. That's why you need to include the end of h2 tag.
    Also, it's important to copy/paste from the source of the page, to make sure RTFR finds that piece of code and replaces it.
    Also, you may style up a part of your tagline with this method, by wrapping it up in a span and style it away.
    Replacement:

    Here goes <span>your tagline</span>                </h2>

    Custom CSS: you may change any CSS property of that span...

    .site-description span {
    white-space: nowrap; /* Makes sure it's always displayed in one line */
    font-family: inherit; /* This is always a good idea, to make sure you get the font-family of h2 and not get overridden by some styling of span site-wide */
    }

    I personally use this trick when I want to control where the tagline breaks when it doesn't fit in only one row.

  4. paulwpxp
    Font hero
    Posted 10 months ago #

    This should do it too.

    .site-description:after {
    	content: "hello secondline of tagline";
    	display: block;
    	font-size: 0.8em; /*optional*/
    	font-weight: normal; /*optional*/
    	opacity: 0.7; /*optional*/
    }

    The downside ( I read from somewhere ) is that SE don't see it as a real content, so use this method only if your second line of description is just for something additional.

  5. cari.h.cayton
    Member
    Posted 10 months ago #

    Thanks everyone!

Reply

You must log in to post.

About this Theme

About this Topic

Tags