Embed HTML code in TAGLINE

  • Unknown's avatar

    Presently, my tagline (Never Again Will One Generation of Veterans Abandon Another . . . or Each Other!) breaks where it wants to:

    Never Again Will One Generation of
    Veterans Abandon Another . . . or Each
    Other!

    If I could embed
    , it would break where I want it to.

    How can I do this, or if not, anything else that would cause the three lines of text to appear as I want them to (hardcode the CSS ?}

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    If I could embed
    , it would break where I want it to.

    Was to be:

    If I could embed <br /> , it would break where I want it to.

  • Unknown's avatar

    Sorry, there is no way to put a break tag in a tagline. It doesn’t accept HTML.

    If you give us a link to the blog, then we can tell you what can be done with the CSS. The site linked to your username is not a wordpress.COM blog.

  • Unknown's avatar

    Site https://nyscvvaaoc.wordpress.com/

    Tagline to read:

    Never Again Will One Generation
    of Veterans Abandon Another . . .
    or Each Other!

  • Unknown's avatar

    If you have the CSS upgrade, add this to the CSS window:

    #site-description {width:450px; }

    If you don’t have the CSS upgrade, you can still see out it would look by going to appearance > edit CSS, clear everything from the CSS edit window and then paste the above in and click the preview button. It puts it all on one line. There is some difference between browsers, and if a visitor happened to have their zoom level higher than normal, it might break to two lines (and again produce a funky look). Bottom line, you aren’t going to be able to make it perfect for everyone.

  • Unknown's avatar

    Actually, I think it would be better to set it at 280px rather than 400. It gives two lines, and should work decently for virtually everyone even if they have the zoom level increased on their browser.

  • Unknown's avatar

    FYI…

    I used:

    #site-description {
    clear:right;
    float:right;
    font-style:italic;
    width:190px;
    margin:14px 0 18px;
    }

    …in order to keep placement AND get the width I wanted.

    Many thanks

  • Unknown's avatar

    You only have to include the specific selector and declaration that you are changing and make sure that “add to existing…” is selected before saving. If you duplicate stuff that is already in the original stylesheet, that is not changing, sometimes it can cause things to go nuts, and besides you are asking a person’s browser to read and sort out two (at least partially) identical documents.

    I put what I had above into my test blog and it worked just fine (with add to existing… selected).

  • Unknown's avatar

    Hmmm…

    When I just put the width statement, the preview had the two lines shown below the title, no longer inline with…

    It was as if it REPLACED the whole #site-description, not just CHANGED the width.

    Only when I included the “site-description statement with all its attributes did the preview only show the width change.

    ???

  • Unknown's avatar

    I’m fairly sure you can use the non-breaking space as shown below. Copy it without the gaps and use it between words you want to appear on the same line instead of a normal space.

    & nbsp ;

  • The topic ‘Embed HTML code in TAGLINE’ is closed to new replies.