splitting tagline into 2 lines

  • Unknown's avatar

    I’ve purchased the upgrade package and want to:
    1 – split my tagline into 2 lines
    2 – change the HEADER font size/colour on my pages, but NOT on my site title
    Thank you.

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

  • Unknown's avatar

    Hi there,

    1. I took a look at your site and see you have the tagline split into two lines. Is this now resolved?

    2. I think you are talking about the font sizes of the page titles, correct? If so, add the following CSS and adjust as desired. Since you mentioned pages, I’ve limited this change to pages only, not posts. If you want to also change the font size on post titles, I’ll put that below the page-only option below.

    Page titles only

    .page #content .entry-title {
        font-size: 21px;
    }

    Page and post titles

    #content .entry-title, #content .entry-title a {
        font-size: 21px;
    }
  • Unknown's avatar

    Hello and thank you,

    This was NOT in regards to the listed blog, but to the one at http://panacheconsulting.wordpress.com, one I am creating right now. (When I completed my submission, it automatically referenced that blog – katharineweinmann.com and I didn’t know how to correct it. That blog will soon be closed and I’ll transfer the domain to this current one that I’m creating.)

    There, the tagline runs on and I’d like to split it as follows:

    tending to the inner live
    to live and lead with courage, clarity, compassion and creativity.

    Too, this is the blog site where I need help with adjusting the font sizes so I think you may have resolved the for me.

  • Unknown's avatar

    And where do I put the CSS code that you’ve given me for changing page title size???

    I’m a neophyte with all of this, and yet, have been able to customize and create a beautiful blog on another domain with “your” help, so I persevere!
    Thank you.

  • Unknown's avatar

    The code I gave above should still work just fine although the 21px on the Twenty Eleven theme is 36px on this theme, so use the following as your starting point.

    #content .entry-title, #content .entry-title a {
        font-size: 36px;
    }

    Given we can’t edit the HTML files here at WordPress.com, the following is the best I can do on breaking the tagline using CSS.

    #site-description {
        max-width: 300px;
    }

    To enter the CSS, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.

  • The topic ‘splitting tagline into 2 lines’ is closed to new replies.